# Learning React and Redux
A great place to start is the [official React documentation](https://facebook.github.io/react/docs/getting-started.html). It's worth reading everything under *QUICK START* and working through the tutorial.
The [official Redux documentation](http://redux.js.org/) is also very helpful.
You may also want to check out the *ECMAScript 6* section in `Reference Materials` before you get started here if you're not familiar with the latest EC6 syntax.
* [React Fundamentals](https://egghead.io/courses/react-fundamentals) (video series)
* [9 things every React.js beginner should know](https://camjackson.net/post/9-things-every-reactjs-beginner-should-know)
* [Container Components](https://medium.com/@learnreact/container-components-c0e67432e005#.cy4jlttir)
* [A Quick Look at the React and Redux DevTools](http://mediatemple.net/blog/tips/a-quick-look-at-the-react-and-redux-devtools/)
## Lynda Tutorials [Free for USF students]
### Other React Tutorials
- Learn React and the Material UI design library in this crash course. You can code along at home and use the Google Dictionary API to build your own dictionary website. You'll get plenty of practice with Progressive Web App concepts as well. (2 hour YouTube course): https://www.freecodecamp.org/news/code-a-dictionary-with-react-and-material-ui/
- With this in-depth React course, you'll build your own e-commerce website. You'll learn about components, event handling, life cycle phases, error handling, two-way binding, and other key React concepts. (6 hour YouTube course): https://www.freecodecamp.org/news/learn-react-by-building-an-ecommerce-site/
## These websites have great articles. Pretty much anything you read here will be great:
## Free books
## Setup a React app with an API
## Top Paid Courses
- React - The Complete Guide (incl Hooks, React Router, Redux) (https://www.udemy.com/course/react-the-complete-guide-incl-redux/)
* [Getting Started with Redux](https://egghead.io/courses/getting-started-with-redux) (video series by the author of Redux)
* [Managing data flow on the client-side](https://blog.madewithlove.be/post/redux/)
* [Mixins Considered Harmful](https://facebook.github.io/react/blog/2016/07/13/mixins-considered-harmful.html)
* [Building React Applications with Idiomatic Redux](https://egghead.io/courses/building-react-applications-with-idiomatic-redux) (video series by the author of Redux)
* [Introduction to thunks in Redux](http://stackoverflow.com/questions/35411423/how-to-dispatch-a-redux-action-with-a-timeout/35415559#35415559)
## Gatsby: Fastest Static-Site Generation Web Framework
- Learn Gatsby, a Static Site Generator
- Flexbox is a powerful responsive web design tool that's built right into CSS itself. And this crash course will teach you how to harness its power. You'll learn core Flexbox properties like flex-direction, flex-wrap, flex-flow, justify-content, align-items, and more. (35 minute YouTube course): https://www.freecodecamp.org/news/learn-css-flexbox/
- Tailwind (https://tailwindcss.ctailwindcss.com/om/)
- Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
- Next.js Crash Course for Beginners 2021 (https://www.youtube.com/watch?v=MFuwkrseXVE)
- Todo app in 10 minute using nextjs (https://www.youtube.com/watch?v=yglkCznd7rg)