Skip to content
master
Switch branches/tags
Code
This branch is up to date with master.
Contribute

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

React 🎓

React Basics:

1) Learn ES6

Introduction to ES6 blog: https://zellwk.com/blog/es6/
ES6 Video Series: https://www.youtube.com/watch?v=LTbnmiXWs2k&list=PL57atfCFqj2h5fpdZD-doGEIs0NZxeJTX

2) The official intro to React Tutorial:

https://reactjs.org/tutorial/tutorial.html

3) ReactJS Crash Course Video:

https://www.youtube.com/watch?v=UtIOMUQ7nWM

4) Fundamentals of React Medium Article:

https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2

5) React application code along video series:

These videos also teaches you how to use Firebase. You don't really need to know how to use Firebase, the video is mostly good for coding along and building a small React application.
https://www.youtube.com/watch?v=bIOCV0_smbE&list=PL57atfCFqj2g46GOvNNU1cnBUv3_X-uot

5) How to fetch data from API in React

Only read up to 'How to fetch data with Axios in React'
https://www.robinwieruch.de/react-fetching-data/#react-how-fetch-data

6) Make a Weather App Exercise

https://github.com/AmyScript/React_Beyond_The_Basics/wiki/Weather-App-Exercise


React: Beyond the basics Topics

updated lifecycles in React v16

https://reactjs.org/docs/react-component.html#static-getderivedstatefromprops

React Router v4

React Router v4
https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf

Redux

Dan Abramov's "Getting Started with Redux"
https://egghead.io/courses/getting-started-with-redux

Dan Abramov's "Building React Applications with Idiomatic Redux"
https://egghead.io/courses/building-react-applications-with-idiomatic-redux

Tips to learn React + Redux in 2018
https://www.robinwieruch.de/tips-to-learn-react-redux/

Static typing with Flow

Getting Started with React + Flow
https://flow.org/en/docs/react/

Unit Tests

Official Test Utilities Docs
https://reactjs.org/docs/test-utils.html

Official Shallow Rendered Utility Docs
https://reactjs.org/docs/shallow-renderer.html

Official Test Renderer Utility Docs
https://reactjs.org/docs/test-renderer.html

Testing React Apps with Jest
https://jestjs.io/docs/en/tutorial-react.html#content

Enzyme - A JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output.
http://airbnb.io/enzyme/

Portals

Official Portals Docs
https://reactjs.org/docs/portals.html

Fragments

Official Fragments Docs
https://reactjs.org/docs/fragments.html

Render Props

Official Render Props Docs
https://reactjs.org/docs/render-props.html

Context

Official Context Docs
https://reactjs.org/docs/context.html

Commented Example on how to use context to translate content
https://github.com/AmyScript/React_Beyond_The_Basics/tree/master/examples/CONTEXT_LANG_EXAMPLE.md

About

React Workshop for building knowledge past basic concepts

Resources

Releases

No releases published

Packages

No packages published