DEV Community


Posted on

React Series - #1 [ Intro ]

I've decided to dive into React and will be making a blog-series on react as I learn it.

Note: Take a look atthis post first to get a feel of some JavaScript syntax that is used in React.

React is a popular JavaScript library used mostly in building user-interfaces.

Let's have a look at what a React application(not really an app) looks like:

First, To setup a simple react-environment, make sure node-js is installed, then open the terminal and navigate(in-terminal) to a directory where you would like the react-project to be in then write this command in the terminal

npx create-react-app name-of-project

This will use a package "create-react-app"( used for generating react projects ) to generate a react project in a folder "name-of-project". It downloads the react library along with some other dependencies and useful tools, then sets up a template for a project.

With the react environment successfully setup there should be a couple of folders like 'public, src, node_modules'.
public: holds static files like the html files
src: holds the react source code we're working on
node_modules: holds dependencies of the project

Delete the files in 'src' folder and then create a fresh js file in there called 'index.js' and we can begin to code in React.

Top comments (0)