React for beginners!

React for beginners!

February 20th, 2019

What is React?

React (also known as React.js or ReactJS) is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies.

React can be used as a base in the development of single-page or mobile applications. Complex React applications usually require the use of additional libraries for state management, routing, and interaction with an API.

History

React was created by Jordan Walke, a software engineer at Facebook. He was influenced by XHP, an HTML component framework for PHP. It was first deployed on Facebook's newsfeed in 2011 and later on Instagram.com in 2012. It was open-sourced at JSConf US in May 2013.

React Native, which enables native Android, iOS, and UWP development with React, was announced at Facebook's React.js Conf in February 2015 and open-sourced in March 2015.

On April 18, 2017, Facebook announced React Fiber, a new core algorithm of React framework library for building user interfaces. React Fiber was to become the foundation of any future improvements and feature development of the React framework.

Reference: [wiki](https://en.wikipedia.org/wiki/React(JavaScriptlibrary)

Let's Start!

To get started with React, install the React CLI tool (Create React App) and run the command to create a new app:

Step:1

Install node in the system. Click here to Download.

Step:2

Install React globally using folliwing command.

npm install -g create-react-app

Step 3

Open CMD and go to the directory where you want to create a React project and execute following command.

create-react-app my-app-name

Step 4

Change the Directory.

cd my-app-name

Step 5

Execute intallation.

npm install

Step 6

Start your React app.

npm start

This will start a development web server on port 3000 on your machine. It’ll also launch your browser navigating to http://localhost:3000. You see your first React app here.

Conclusion

Now let's start doing some changes in the code and see the magic!

For more deep knowledge, have a look on the following tutorials:

React official documentation by React Beginners guide to React by Kent C. Dodds Fundamentals of React by Samer Buna

If you like videos, then go for:

Learn React by Mosh

I personally like this very much!

Like this article? Follow @CipherBright on Twitter