Building Frontend Apps with React!

@ankeetmaini - twitter, github & instagram

git clone git@github.com:ankeetmaini/frontend-with-react-workshop.git

cd frontend-with-react-workshop
npm install
npm start

things we have done so far...

  • our very first component
  • our very first node server
  • build pipeline - webpack, babel

Not so bad, huh?

Components - (seriously)

  • props (render list)
  • state (counter, toggle)
  • lifecycle hooks (order, imp ones)

tools - map, filter, reduce

top 5 things people do in frontend

1. call apis

  • fetch and render
  • CORS and how to duck it

2. consuming third-party components - like a boss!

3. add navigation to your app

  • how to layout/structure your app
  • how to use react-router v4 and also sleep at night

taking a detour - SPA

4. state management

  • setState
  • to redux or not to redux
  • what the flux?

5. build apps

frontend-with-react

By Ankeet Maini

frontend-with-react

  • 207