Skip to content

Latest commit

 

History

History
69 lines (42 loc) · 2.27 KB

readme.md

File metadata and controls

69 lines (42 loc) · 2.27 KB
Raw

Please help us improve and share your feedback! If you find better tutorials or links, please share them by opening a pull request.

HackYourFuture - React

React is free an open-source frontend JavaScript library for building user interfaces based on UI components.

This course is divided in 2 modules, of 3 and 2+1 week.

Module goals:

React1 Module:

  • Thinking the React way
  • Building components
  • Advanced React

React2 Module:

  • Managing state
  • Connecting to node

+ Individual Project (Meal Sharing App)

Read up before we get started

Watch this video from Facebook about why they started React:

https://youtu.be/nYkdrAPrdcw

Also be sure you're familiar with ES6-syntax. This is a handy reference of all features of ES6:

http://es6-features.org

Please do not worry about understanding all. However, do make sure you understand the following, as we'll be using them a lot:

Read about React here:

https://reactjs.org/

Real world example

Have a look at Exemplary real world application built with React + Redux:

https://github.com/gothinkster/react-redux-realworld-example-app

The HackYourFuture curriculum is subject to CC BY copyright. This means you can freely use our materials, but just make sure to give us credit for it :)

Beyond React

The following libraries are worth mentioning to use in conjunction with React:

  • FlowType - a way to annotate ES6 with types, similar to TypeScript
  • Redux - predictable (application) state container, a Flux implementation
  • Webpack - a JS packager, used by create-react-app
  • Babel - a ES6+ to JS transpiler, also used by create-react-app
  • JSS - a way to write CSS-like styles inside your component files