ReactJS

3 Days

Craft Dynamic Web Applications with ReactJS! Learn to create interactive, high-performance web apps with React's component-based architecture, virtual DOM, and powerful ecosystem. From state management to routing, you'll gain the skills to build modern, scalable web applications.

Course Outline

MODULE 1

Topics Covered

  • Data binding and the (somewhat) death of jQuery
  • Why react?
  • React DOM
  • State
  • Stateful / Dumb Components
  • Props
  • ES6
  • /7
  • Eslint
  • Styles
  • Flow, propTypes and static type checking
  • React developer tools

 

We’ll code 5 tiny apps in parallel:

  1. Flip a coin
  2. Guess the number
  3. Roll the dice
  4. Fizz buzz
  5. Basic Auth

MODULE 2

Topics covered

  • Routing
  • Logic and functions in props
  • Redux
  • Redux developer tools
  • React redux 
  • Container / Representational components
  • Actions
  • Reducers
  • Middlewares (logger, thunk, localStorage)
  • Async operations

 

We’ll combine all our apps to one “mother” app with routes, implement redux, use local storage for basic auth and experiment with async operations.

MODULE 3

Topics Covered

  • Intro to nodejs and server side rendering
  • Jest and unit testing
  • E2E tests using nightmare
  • CI with Travis or: Finally we can sleep at nights

We’ll implement server side rendering, unit tests, and end to end tests in each app, and tie it all together with travisCI.

MODULE 4

Topics covered

  • React ecosystem / community
  • working with react packages
    • WHEN should I use it?
    • WHICH one to use?
    • HOW should I use it?
      • How to read documentation
      • POC first
  • Where do we go from here or: resources for further learning
  • Personal and corporate mentoring from Adam in the future

 

We’ll explore some of the online resources and implement some npm packages developed by the community. We’ll end up with a final Q&A and celebrate our new ninja skills :)

We’re committed to helping you achieve your professional goals. 

Fill out the form below, and we’ll get back to you as soon as possible.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.