Update README.md

This commit is contained in:
Priyatham Sai Chand 2022-03-30 14:06:16 +05:30 committed by GitHub
parent 9e7e84dc3c
commit da09c16392
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 51 deletions

View File

@ -1,51 +1 @@
# 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](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](https://www.freecodecamp.org/learn/front-end-development-libraries/#react)
- [Understanding Hooks Better](https://serverless-stack.com/chapters/understanding-react-hooks.html)
- [React lifecycle visual understanding](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/)
- [Deployment in Netlify in detail](https://serverless-stack.com/chapters/deploying-a-react-app-to-netlify.html) Check out other posts to deploy in AWS from them.
- [Mastering CSS](https://css-tricks.com/)
- [Cool stuff possible in Frontend](https://www.joshwcomeau.com/tutorials/react/): 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](mailto:priyathamsaichand@gmail.com)
quadb-hodlinfo