https://github.com/jhadev/hooks-props-review

https://github.com/jhadev/hooks-props-review

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/jhadev/hooks-props-review
• Owner: jhadev
• Created: 2020-03-28T00:30:01.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T17:38:27.000Z (about 2 years ago)
• Last Synced: 2024-11-21T03:57:37.855Z (2 months ago)
• Language: JavaScript
• Size: 1.57 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Hooks and Props Review

[View Here](https://hooks-review.joshappeldev.now.sh/)

useState, useEffect, props, .map, spread, component library (Chakra UI)

### Links

[Chakra UI](https://chakra-ui.com/getting-started)

[Top 10 React Component Libraries 2020](https://blog.logrocket.com/top-10-react-component-libraries-for-2020/)

[freeCodeCamp - Props and State Explained](https://www.freecodecamp.org/news/react-js-for-beginners-props-state-explained/)

[Lifting State Up](https://reactjs.org/docs/lifting-state-up.html) - React official docs. Important to understand this concept. The higher state is up the tree the easier it is to share to children components via props. There are also pitfalls to this. Every application is different. Planning out what data you need and where you need it can save you valuable time in the long run.

[Hooks Introduction and Motivation](https://reactjs.org/docs/hooks-intro.html#motivation) - React official docs

[Using the State Hook](https://reactjs.org/docs/hooks-state.html) - React official docs

[Using the Effect Hook](https://reactjs.org/docs/hooks-effect.html) - React official docs

[Rules of Hooks](https://reactjs.org/docs/hooks-rules.html) - React official docs

[A Complete Guide to useEffect](https://overreacted.io/a-complete-guide-to-useeffect/) - Dan Abramov's blog (Software Engineer at Facebook React Core Team, Co-author of Redux and Create React App)

[Robin Wieruch Blog](https://www.robinwieruch.de/blog) - Has insightful and easy to understand React articles and tutorials

[Animista](https://animista.net/) - Awesome pre made css animations