Full ReactJS Academy curriculum

We're proud to say that our curriculum is the most
complete and up-to-date on the market - there really is
nowhere better to learn React.

Bootcamps/part-time courses - what's the difference? #

React bootcamp

Our React bootcamp has the most complete curriculum on the market, with a syllabus that covers:

  • Server-side rendering
  • Advanced React patterns
  • Advanced Redux
  • Functional programming
  • Hackathon to consolidate knowleadge

See React bootcamp curriculum

React Native bootcamp

Our React Native bootcamp is the smoothest transition between React and Native.

  • React Native foundation
  • Native animations
  • Gestures

See React Native curriculum

React part-time course

The part-time course has a condensed version of the React bootcamp curriculum, ideal for those who value flexible learning and can’t miss a day at work.

See React part-time course curriculum

With all courses you will:

  • Build production ready React applications
  • Discuss real-world projects
  • Learn best practices
  • Be mentored by the our expert coaches
  • Join our alumni community
  • Stay ahead in modern development

Choose a curriculum:

React 1-week bootcamp curriculum

On completion of the React bootcamp each student will:

  • Understand the core principles and libraries of the React ecosystem react, react-router, redux, react-redux, graphql, apollo-client, styled-components
  • Be able to develop and test complex and reliable React applications: enzyme, jest
  • Comprehend modern front-end JavaScript: Functional Programming, Webpack
  • Understand the best practices and patterns for building real-world production-ready React applications

React Bootcamp Day 1

ES6 & ESNEXT, Thinking in React, Routing & Data Fetching

  • ES6 and ESNEXT
    • Understanding language updates - difference between ES6, ES7, and ESNEXT
    • Arrow Functions, Class syntax, Template strings
    • Destructuring
    • Default parameters, Rest operator, Spread operator
    • Let and Const vs Var
    • Rest + Spread properties
    • ES6 iterators and functional programming in JS
    • Modules
    • Promises
    • ES6 exercise using TDD
  • Thinking in React
    • The Imperative to Declarative Shift
    • Componentization
    • What is React made up of
      • Props & State
      • One way data binding
      • Components with and without state. Classes Vs. Functions
    • Virtual DOM and JSX
      • React Components, Elements, and Instances
      • JSX and React.createElement
    • Developer tools
  • Routing and Data Fetching
    • React Router v4
      • Declarative routing
      • Implementing a master-detail web application
    • Component lifecycle
    • Data management
      • Presentational Components Vs. Container Components
      • Data fetching

React Bootcamp Day 2

Forms, Authentication, Styling in React

  • Forms and Authentication
    • Forms management in React
      • Controlled Components
      • Uncontrolled Components
    • Authentication
      • JWT
      • Authorization, public and private pages
  • React Fundamentals recap, build a React app from scratch on your own to consolidate:
    • React
    • React Router
    • Data fetching
  • Styling in React
    • CSS Vs. JS
    • Styled-components
    • Component libraries comparison: SemanticUI, MaterialUI, Rebass, and React-Bootstrap

React Bootcamp Day 3

Redux, and Testing Principles

  • Introduction to Redux
    • Introduction to functional programming
      • Data and behaviour
      • Data in, data out
      • Mutations
      • Pure functions
    • Redux Principles
      • Store, Reducers, Actions
      • Unique source of truth
    • React-Redux: Provider and Connect
    • Build your own version ofredux andreact-redux using TDD
    • Fetching data from the server to Redux
    • Configure Redux from scratch in a React app
  • Testing Principales
    • Build your own test framework in JavaScript
    • Testing Redux using Jest
    • Mocking and testing API calls
    • White-box testing Vs. Black-box testing
Next React bootcamp starts on August 20th, 2018 in London

React Bootcamp Day 4

Functional Programming, Advanced Patterns I, GraphQL, and Advanced Redux

  • FP & Advanced React Patterns I
    • Functional programming (FP)
      • Composition
    • Advanced React patterns to reuse functionality across components
      • Higher-Order Components (HOCs)
      • Declarative composition using the Render Props (AKA function as children)
  • GraphQL and Apollo client
    • GraphQL
      • Understand the fundamental differences between a REST API and a GraphQL API
      • GraphQL Queries & Mutations
      • Relay Connections
    • Apollo client
      • Connecting an Apollo client to a GraphQL server
      • Implement infinite scrolling in a React app using Apollo on the client-side and a Relay connection on the server-side
      • Update the state of your React app using mutations and Apollo client
  • Advanced Redux
    • Functional programming (FP)
      • Composing functions
      • Currying, thunks and higher-order functions
    • Advanced Redux:
      • Introducing the Redux middleware
      • Exercise, build your own Redux middleware
      • Thunks. Actions that dispatch actions
      • Exercise, implement loading indicators using thunks
    • Time travel in Redux using Redux DevTools

React Bootcamp Day 5

Testing in React, Advanced React Patterns II, Server-side Rendering

  • Testing in React
    • Unit Testing, Integration Testing, and Shapshot Testing
    • Tooling: Enzyme & Jest
    • Testing Components, Higher-Order Components, Connected Containers
    • Unit tests Vs integration tests
    • Code Coverage
  • Advanced React patterns to create even more reusable UIs
    • Compound Components, dynamically flow data between components
    • Patterns and use cases using "context"
  • Server Side Rendering (SSR) with React
    • Nodejs + React + React Router
    • Universal Redux
    • GraphQL SSR
    • Styled-componets SSR

React Bootcamp Day 6

Hackathon

  • Last day real-world React challenge. We'll implement an app in teams from scratch
    • Create teams
    • Discussion about architecture, features and tools
    • Hackathon! - work in teams to build apps
    • Practice extreme programming and get support from the coaches and mentors
    • Demos

Upcoming Training

Venue: Greenwich, London

Starts: August 20th to 25th, 2018

London bootcamp
Venue: Eden House, London

Starts: Sept 17th, 2018

React Native London
Venue: Makers Academy, London

Starts: Oct 2nd to Nov 8th, 2018.

London part-time
Venue: Torres Vedras, Lisbon distr.

Starts: October 7th to 13th, 2018

Lisbon bootcamp