Update README.md
This commit is contained in:
parent
9e7e84dc3c
commit
da09c16392
52
README.md
52
README.md
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue