Recommended Resources / Next steps

Here's some recommended next steps.

First: Remember the learning principles from day one.

- [ ] **Start with why**. I'm going to ask the group why first.
- [ ] **Feynman technique**: "If you can’t explain something in simple terms, you don’t understand it" Richard Feynman. The act of thinking is helpful. The act of explanation clarifies your understanding and exposes holes. Teaching exposes sloppy understanding.
- [ ] **Perform challenges**. "What I cannot create, I do not understand." Richard Feynman "To learn and not to do is really not to learn. To know and not to do is really not to know." Stephen Covey
- [ ] **Repeat**: Repetition helps us remember. Our brains assign greater importance to repeated information.
- [ ] **Practice retrieval**: Create flash cards to quiz yourself on key concepts like Lift state, JSX vs html, State, Cloning objects, Props, PropTypes.
- [ ] **Spacing effect**: We are better able to recall information and concepts if we learn them in multiple, spread-out sessions. So we'll review regularly. Retrieving memories changes the way they are later encoded. The harder something is to remember now, the better we will recall it in the future. The more we strain, the easier it will be in the future.

## React Docs

[Read the docs](https://reactjs.org/). Beginning to end. Set a calendar invite for 30 minutes a day until you're done. They're superb.

## Blogs

[Overreacted.io](overreacted.io) - Written by Dan Abramov (on the React team)

A few favorites:
- [A Complete Guide to useEffect](https://overreacted.io/a-complete-guide-to-useeffect)
- [Writing Resilient Components](https://overreacted.io/writing-resilient-components/)
- [React as a UI Runtime](https://overreacted.io/react-as-a-ui-runtime/)

## Videos

- [Cory House on Pluralsight](https://pluralsight.com/authors/cory-house)
- [Pete Hunt: React: Rethinking best practices](https://www.youtube.com/watch?v=x7cQ3mrcKaY&t=177s) - Summary: React separates concerns by component, not tech.

## Code Worth Reading

- [ ] [Wordpress](https://github.com/Automattic/wp-calypso)
- [ ] [Clone Wars](https://gourav.io/clone-wars?ck_subscriber_id=193063445) - Clones of popular sites, written mostly in React
- [ ] [Fullstack - React/ApolloGraphQL/Node/Mongo demo written in Typescript](https://github.com/TrillCyborg/fullstack)
- [ ] [Real World Example app - React and Redux](https://github.com/gothinkster/react-redux-realworld-example-app)
- [ ] [Reddit thread on React projects worth reading](https://www.reddit.com/r/reactjs/comments/bfpl9e/what_are_your_favorite_react_projects_for_code/)
- [ ] [Twitter thread on open Source React projects worth reading](https://twitter.com/swyx/status/1120084580176936961?s=21)

## More Resources
- [ ] [React Handbook - Covers key topics](https://www.freecodecamp.org/news/the-react-handbook-b71c27b0a795/)
- [ ] [React projects for beginners](https://www.golangprograms.com/react-js-projects-for-beginners.html)
- [ ] [React Resources](https://reactresources.com/)
- [ ] [Awesome React](https://github.com/enaqx/awesome-react)
- [ ] [React Redux Style Guide](https://github.com/iraycd/React-Redux-Styleguide)