{"componentChunkName":"component---src-templates-blog-post-js","path":"/start-with-react.js/","result":{"data":{"site":{"siteMetadata":{"title":"Noah's Web Dev Notes"}},"markdownRemark":{"id":"bf5f191d-58e1-5fa7-8c64-435b9a1be733","excerpt":"Let’s start with how to setup a react application~\nsetup a react application~. There are several ways to get started with react. create-react-app Create React…","html":"

Let’s start with how to setup a react application~\nsetup a react application~.

\n

\n \n \n \n \n

\n
\n

There are several ways to get started with react.

\n
\n

create-react-app

\n

Create React App is a comfortable environment for learning React, and is the best way to start building a new single-page application in React.

\n

It sets up your development environment so that you can use the latest JavaScript features, provides a nice developer experience, and optimizes your app for production. You’ll need to have Node >= 10.16 and npm >= 5.6 on your machine. To create a project, run:

\n
npx create-react-app my-app\ncd my-app\nnpm start
\n

Online code playground

\n

You can play aroud with react on these online code playgrounds: CodeSandbox, CodePen and Stackblitz

","frontmatter":{"title":"Start with React.js","date":"November 23, 2020","description":"Let's start with the first and the main concept, how to start to build a react application"}},"previous":null,"next":{"fields":{"slug":"/why-redux/"},"frontmatter":{"title":"Why using redux in react?"}}},"pageContext":{"id":"bf5f191d-58e1-5fa7-8c64-435b9a1be733","previousPostId":null,"nextPostId":"01301ac3-a252-5a49-8256-2231145abbfa"}},"staticQueryHashes":["2841359383","3257411868"]}