Skip to content
React Workshop for building knowledge past basic concepts
Branch: master
Clone or download
Pull request Compare This branch is 4 commits ahead of rangle:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
examples
images
videos
README.md

README.md

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

You can’t perform that action at this time.