Getting Started with React - ROBOFRIENDS

A simple Robofriends application made with React. This project is a part of my Web Development Bootcamp by ZTM.

• Introduction to State, Props, Functional Components & Class Components.

• Introduction to Components & Component Lifecycle.

• File Structure of a React Project.

• Using Tachyons for Styling.

• Little Tweaks for Code Readability.

• Building the Project for Production for the first time Using npm run build🙂

• Updating the project to the latest version of React. (package.json)

• Using ErrorBoundry.js Component to catch errors in the application.

• The best way to update a project is to update the package.json file manually and then run npm install to install the latest versions of the packages and dependencies...🙂

• The best way to learn is to read the Documentation.🙂

Basic NPM Commands

To create a react app

npx create-react-app hello-react  

To install the dependencies

npm install                      

To start the development server

npm start

To install live-server package globally

npm install -g live-server

To install tachyons package (i = install)

npm i tachyons

To build the project for production

npm run build

To update the packages

npm update

To check for vulnerabilities

npm audit

To fix the vulnerabilities

npm audit fix

To fix the vulnerabilities forcefully (not recommended!)

npm audit fix --force

To deploy the build to GitHub Pages.