React JS prerequisites & getting started

1. React Js Prerequisites

These skills are mandatory for learn React JS

1. HTML

2. CSS

3. Javascript

4. JSX

5. Class & Functions

6. Node & NPM

7. CLI & Git

3. Version Check Node and NPM

TO CHECK NODE VERSION

node -v

TO CHECK NPM VERSION

npm -v

5. React App Directory Architecture

• App Name Root Directory

  • api 

    • Generic API, Create API for Each Modules

  • app 

    • App Layout, Header, Router, Footer and Auth

  • components 

    • Common Components like Alert, Popup and Extra.

  • Config

    • app-config - Const Params like URL

  • Modules

    • Contains Sub Directory for Each Modules

  • pages 

    • Common Pages, Like Login and Help

  • session

    • Session Storage & Cache Services

  • utils 

    • Common Functions

Reference

https://reactjs.org/docs/faq-structure.html

7 React UI Libraries

7.1 Ant Design

npm install antd

Documentation Links

• https://ant.design/

• https://ant.design/docs/react/introduce

7.2 Blueprint

yarn add @blueprintjs/core react react-dom

Documentation Links

https://blueprintjs.com/

https://blueprintjs.com/docs/#blueprint/getting-started

7.3 React Bootstrap

npm install react-bootstrap bootstrap

Documentation Links

https://react-bootstrap.github.io/

https://react-bootstrap.github.io/components/forms/

7.4 Material UI

// with npm

npm install @material-ui/core

// with yarn

yarn add @material-ui/core

Documentation Links

https://material-ui.com/

https://material-ui.com/getting-started/installation/

9. Localization Libraries

Moment JS

npm add moment

https://momentjs.com/

https://www.npmjs.com/package/react-moment

10. Crypto Libraries

Crypto JS

npm install crypto-js

https://www.npmjs.com/package/crypto-js