Unable to render SandDance in react web app
See original GitHub issueHi dev team,
I have pulled your repo to study the source code and want to implement it on a new Create-React-App. Not sure, how to do such a thing, and the documentation has led me nowhere.
I have done all the necessary importation,
notice on the bug where the dependencies have now changed to @msrvida/{libraryName}
instead of just the library name.
Following SandDance.use
all the importation to finally render
function App() {
return (
<section className="app-container">
<SandDanceReact />
</section>
)
}
Any help with this issue is much appreciated and thanks in advance
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
React JS Unable to render image - Stack Overflow
You need to import it first like this to tell webpack that JS file is using this image import logo1 from './img/logo1.png';. and...
Read more >Suspense for Data Fetching (Experimental) - React
Approach 1: Fetch-on-Render (not using Suspense). A common way to fetch data in React apps today is to use an effect: // In...
Read more >Strict Mode - React
StrictMode is a tool for highlighting potential problems in an application. Like Fragment , StrictMode does not render any visible UI.
Read more >Error Boundaries - React
These errors were always caused by an earlier error in the application code, ... If an error boundary fails trying to render the...
Read more >Rendering Elements - React
If you are integrating React into an existing app, you may have as many isolated root DOM nodes as you like. To render...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
What helped me with getting started is by looking at this example: microsoft-react-sanddance-example
You can add CSS to set the size. Here is an example of a fixed size:
If you do dynamic sizing, you may want to pass the new size to the insight object.