The starter kit includes React and some simple example apps. We provide two versions of React: an uncompressed version for development and a minified version for production. The development version includes extra warnings about common mistakes, whereas the production version includes extra performance optimizations and strips all error messages.
The uncompressed, development version of react. A new browser window will pop up with your newly created React App! If not, open your browser and type localhost in the address bar. Look in the my-react-app directory, and you will find a src folder. Inside the src folder there is a file called App. Notice that the changes are visible immediately after you save the file, you do not have to reload the browser! In the rest of this tutorial we will use our "Show React" tool to explain the various aspects of React, and how they are displayed in the browser.
If you want to follow the same steps on your computer, start by stripping down the src folder to only contain one file: index. You should also remove any unnecessary lines of code inside the index. Run Example ». We just launched W3Schools videos. Get certified by completing a course today! To create a project, run:. Learn Next.
Gatsby is the best way to create static websites with React. Learn Gatsby from its official guide and a gallery of starter kits. The following toolchains offer more flexibility and choice. We recommend them to more experienced users:. If you prefer to set up your own JavaScript toolchain from scratch, check out this guide that re-creates some of the Create React App functionality. Use an integrated toolchain for the best user and developer experience.
0コメント