React JS Tutorial #1 - Installations and Code Editor

in #palnet6 years ago (edited)

At this moment as I'm learning React JS I decided to share the knowledge I'm getting throughout my learning.

reactjs.pngSource

What is React?

React is a JavaScript library / framework for building browser-based applications, but the packages we will use during development will be managed by Node Package Manager (NPM), including React itself.

Step 1 - Node.js Installation

  • Go to the node.js website and install the LTS version

nodejs.png

When we install Node.js NPM is also installed on the computer as part of the same package, to use it simply open to your operating system terminal, and type command npm, and a list of commands will appear.

terminal1.jpg

Step 2 - Installing Yarn Dependencies

Through NPM we will install Facebook Yarn's dependency manager, which is most recommended for working with React. We will install Yarn globally through NPM.

npm install -g yarn

Step 3 - Install Visual Studio Code Editor

VS.pngSource

With Node, NPM and Yarn installed there is just one code editor to develop our application. This tutorial will use the Microsoft Visual Studio Code Open Source editor which can be downloaded from this link , however you can use another edit.

Step 4 - Installing Extensions in Visual Studio Code

snippets in action

  • Simple React Snippets: The essential collection of React Snippets and commands.

prettier.pngSource

  • Prettier - Code formatter:: With simple format commands you ident your code.

In the next tutorial I will introduce the first steps to create the application in React.


teste.jpg

www.steemitportugal.com
steemitportugal.jpg

DLike.io
dlike_paid.jpg

www.coinbase.com
coinbase_banner.jpg

www.binance.com
binance.jpg

D7A6F9
electroneum.jpg

Sort:  

This post had received 38.76% upvote from @steemitportugal account!
Our website has lots of news and tutorials you can visit right now at www.steemitportugal.com

Click here to vote
steemitportugal
Delegation for daily voting: 10SP-25SP-50SP-100SP-250SP-500SP-1000SP

Well detailed, thanks for sharing :)

Uma trabalheira do caralho para 0.13 LOL mais vale apenas aprender!

Calma que ainda não passaram os 7 dias, ainda podes ter uma surpresa ;)

Vou deixar mm passar os 7 dias e depois ponderar se vale a pena ou n.

Valerá sempre o esforço, um dia, espero 😁 faz o que te disse para dar um boost nisso