React Workshop 28th-29th March 2022

This is the commands we used to learn React and steps you can follow to finish the project or explore it.

Portfolio

• Step 1 Install Node.js

• Step 2: check if npm is properly installed by verifying version.
  npm --version

• Step 3: Create a project using create-react-app using
  npx create-react-app <project-name>

• Step 4: go into the project folder using file explorer or using
  cd <project-name>

• Step 5: Start building the application. Replicate the project or modify the project I uploaded to get your default portfolio website.

• Step 6 : If replicating my project. Install the packages including additional packages like *@material-ui/icons and uniqid. By typing in the portfolio directory.

  npm install

• Step 7: To run the portfolio project

  npm start
  see the rendered screen on http://localhost:3000

Additional Readings and Workouts

Everyone, If you feel like you can do more with React. Go ahead and check all these links to the resources below. I personally used them to understand and learn before I could give a talk on react for you all. I hope these can pique your interest more into the massive world of Web Development.

• Projects and hands on

• Understanding Hooks Better

• React lifecycle visual understanding

• Deployment in Netlify in detail Check out other posts to deploy in AWS from them.

• Mastering CSS

• Cool stuff possible in Frontend: One of the most influential frontend developers for me! Check out his entire catalog of posts. His take on performance was eye-opening.

Queries

Feel Free to email me any of your queries to this email address priyathamsaichand@gmail.com