Getting started with react



React is a UI library built by Facebook. React gives us the ability to logically think about our frontend sites and apps.
It wouldn't be wrong to say that if you have not tried React you are missing out on so much. This framework consists of a tightly integrated toolset that helps us to build mindblowing, rich applications in a fashion with less code, hassle, and more flexibility. It helps us customizing apps in components using which future UI updates becomes so much easy.

Why React?

react allows us to build apps that:

1. Can be made quickly
2. Are easy to understand
3. Allow us to logically see the flow of data
4. Scale well with small and large teams
5. Transfer knowledge from desktop to mobile apps
It wouldn't be wrong to say that if you have not tried Angular you are missing out on so much. This framework consists of a tightly integrated toolset that helps us to build mindblowing, rich client-side applications in a fashion with less code, and more flexibility.

HOW TO INSTALL REACT?

In order to start making React web apps, you need to have Node.js installed. You can download a Node.js installer for your operating system from https://nodejs.org/en/download/.
Check the version of node.js installed using the command:

node --version

Now to create a new react app use command:

npx create-react-app myapp
Congratulations Woah, You've successfully created a react app. Now to see that running, go to the root directory of the project use:

 
cd myapp
Now to run the project use:

 
npm start
And yeah you will see this basic page going on the address localhost:3000,
Thank you for reading, keep developing.

Comments

Post a Comment

Popular posts from this blog

Getting started with Angular

Image
AngularJS is a JavaScript MVC framework developed by Google that lets you build well structured, easily testable, and maintainable front-end applications.AngularJS has evolved with time and even became better and now is known as Angular . It is written entirely again towards a new development workflow.  It wouldn't be wrong to say that if you have not tried Angular you are missing out on so much. This framework consists of a tightly integrated toolset that helps us to build mindblowing, rich client-side applications in a fashion with less code, and more flexibility. HOW TO INSTALL ANGULAR? In order to start making angular web apps, you need to have Node.js installed. You can download a Node.js installer for your operating system from  https://nodejs.org/en/download/ . Check the version of node.js installed using the command: node -- version Node.js installation gives you access to npm, using which we can install angular CLI. Now to install Angular CLI glo
Read more

State Management in Flutter

Image
Flutter is one of the new tools in the business. But all the features that it packs along with dart as the main language, it had made me fall in love with it. One thing that makes, Flutter versatile is State Management. The concept of State management is quite complicated but also easily simple what you need to do is start with basics. So, let's get started.  The state corresponds to the local data that a widget can hold which is available after the widget has rendered.   Whenever we set the state the build function of the widget is triggered, refreshing the user interface of the widget. For example, if we change the value of a variable in runtime in a flutter application. If that part of the application which uses that variable is stateless the change of variable in runtime will not show in the screen, i.e., the state of variable change will now make flutter repaint that widget on the screen. But in the case of  Stateful Widget, In case of any change to variable in an application
Read more