It's going to take a minute or two to complete, so I'll speed that up for you, so you don't have to wait. We'll click Deploy, and then I get a Sandbox Site. Let's go ahead and try deploying this with netlify. To take it a step even further, I can go to this deployment option and I can deploy this with Now or netlify. That opens up in this new GitHub repo that has all of the code that I had for that CodeSandbox. With that, now, I can go to the information here and I see that there's a link. We'll click Create Repository and CodeSandbox will create a repository on GitHub based on what I have right here. Then, I can create a new repository, example-codesandbox. I'll authorize CodeSandbox and then we'll sign in right here to authorize CodeSandbox to create repos. I'm going to go ahead and sign in with GitHub, right here. Another thing you can do with this is you can connect to this with GitHub. Then, we click on the Test tab, here, and we get to run all the tests that we have in here. We could create a new directory called tests, and then in that directory, you could have a test.js file. You can have multiple files and use import statements and modules. If we hit Command and a comma, you can open up your settings here and change the settings just like you would if you were using VS Code locally. You can add dependencies from npm, you can add external resources, you can even change your typeface. There are a ton of things that you can do in CodeSandbox. I can say, "Hello You!" and it just gets updated automatically as we go. I'm going to create a React Sandbox here from the React template. It's just like a typical development environment that you'd expect from a local development. It's an entire IDE and prototyping tool for rapid web development built right into the browser. Dodds: Once you figured out how React works locally in an index.html, you probably want to build an actual application, and the best next place to start is by going to codesandbox.io.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |