× Thanks! We'll be in touch with more info soon.

1-week ES6 React Redux GraphQL bootcamp in NY

Build production-ready products using React, Redux, & GraphQL. Small group and project-based training


Play video »

ReactJS Academy brings you the best world-wide JS trainers to have a unique bootcamp experience in NYC

  • abinbev
  • ASOS
  • financial times
  • blockchain
  • the trainline

Become a React, Redux, and GraphQL developer in our one week bootcamp in NY

We are very serious about your privacy and the safety of your information... Not convinced? Check out our privacy policy.


Need to unsubscribe? contact us at unsubscribe@reactjs.academy

The most complete curriculum on the market

On completion of the bootcamp each student will:


  • Understand the core principles and libraries of the React ecosystem: react, react-router, redux, react-redux, graphql, apollo-client
  • Be able to develop and test complex and reliable React applications: enzyme, jest
  • Comprehend the best practices for front-end JavaScript: functional programming, es6, webpack
  • Understand the best practices and patterns for building layouts: material-ui, react-bootstrap

Curriculum


Day 1

ES6 & ESNEXT

  • ES6 and ESNEXT workshop
    • 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
    • Generators

Day 2

React, React Router, Forms, Authentication

  • Thinking in React
    • The Imperative to Declarative Shift
    • Everything is a component
  • What is React made up of
    • Props & State
    • One way data binding
    • Components with and without state. Classes Vs. Functions
    • Developer tools
  • Virtual DOM and JSX
    • React Components, Elements, and Instances
    • JSX and React.createElement
  • Component lifecycle
  • React Router v4
    • Declarative routing
    • Implement a master-detail web application
  • Data management
    • Presentational Components Vs. Container Components
    • Data fetching
  • Forms management in React
    • Controlled Components vs. Uncontrolled Components
  • Authentication
    • JWT

Day 3

React Redux

  • Day 1 recap, build a React app from scratch on your own to consolidate:
    • React
    • React Router
    • Data fetching
  • Thinking in Redux. What problem is Redux solving?
  • Intro 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
  • Exercise:
    • Build your own version of redux and react-redux using TDD
    • Given an existing React-Redux app, you will have to build some features using action creators, reducers and connected containers
    • Configure Redux from scratch in a React app
  • Connecting Redux to the server
    • Fetching data from the server to Redux

Day 4

Testing Principles, Functional Programming & Advanced Redux

  • Testing in JavaScript
    • Implement your own test framework
    • Mocking in JavaScript using Jest
    • Best practices writing unit tests
    • Testing in Redux
  • Functional programming
    • 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

Day 5

Server-side Rendering, Styled Components, UI Libraries, Testing in React, Performance

  • Server Side Rendering (SSR) with React
    • Nodejs + React + React Router
    • Universal Redux
  • Styles
    • CSS Vs. JS
    • Styled-components
    • Grid system
    • Component libraries: SemanticUI, MaterialUI, and React-Bootstrap
  • Component libraries
    • React-Bootstrap
    • Material UI
    • Semantic UI
  • Testing React
    • Unit Testing, Integration Testing, and Shapshot Testing
    • Tooling: Enzyme & Jest
    • Testing Components, Higher-Order Components, Connected Containers
    • Code Coverage
  • Performance and Rendering Optimizations (quantified with numbers)

Day 6

Advanced React, Functional Programming 7 GraphQL

  • Functional programming concepts
    • Data and behaviour
    • Data in, data out
    • Composition
  • Advanced React patterns: Reuse functionality across components
    • Higher-Order Components (HOCs)
    • Declarative composition using the Render Props (AKA function as children)
  • Advanced React patterns II: Create more reusable components
    • Compound Components, dynamically flow data between components
    • Patterns and use cases using "context"
  • GraphQL
    • Understand the fundamental differences between a REST API and a GraphQL API
    • GraphQL Queries & Mutations
    • Relay connections
  • GraphQL exercise: Integrate Apollo in a React & Redux app
    • Connect 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
  • Last day real-world app challenge. We'll implement an app in teams from scratch
    1. Create teams
    2. Discussion about architecture, features and tools
    3. Start coding

Day 7

Hackathon!

  • Consolidate your new skills and get inspired
    1. Mini Hackathon! - work in teams to build apps
    2. Practice extreme programming and get support from the coaches and mentors
    3. Demo

Why attend

Focus, no distractions

Focus away from distractions, accelerate your learning. One week to focus on just one thing, learning React. Like-minded people, experienced instructors, comprehensive curriculum, and an amazing place.

Learn by doing

Learn by doing, move fast and break things. We want you to code as much as possible, and make mistakes in a safe environment. You will practice everything we explain in our project-based hands-on training.

Mentorship

Our experienced instructors will do code reviews and they will give you individual feedback. Instructors will guide you to think of the best way to solve a problem.

Collaborative environment

You will work in teams and pairs. You will have to explain what you do and how, rather than just doing. Explaining is a great way to learn and consolidate new skills.

Interested in a full-stack JavaScript bootcamp?

See our full-stack JavaScript bootcamp

Full-stack JS Bootcamp

Do you want to become a ReactJS coach in USA?

Become a coach


play video

Listen to what our trainees say about our bootcamps

Return of investment

If you own a business

How much are you paying to learn as you go? Let’s say you spend 16 hours (2 days) training a team of 10 engineers. In the next year, these engineers will put in approximately 20,000 hours of work for your company. If training your developers results in only a 1% performance improvement, your company will gain the equivalent of 200 hours of work as the result of spending 2 days in training.

If you are a developer

How long is it taking to learn as you go? How long are you willing to wait for that awesome job in an awesome company? Learning cutting-edge JavaScript will make you a developer in demand and it will put you on top of the market. Investing in your career is a great investment. React is creative and fun, unleash its full power and become an amazing JS developer.

See other locations


Other locations

We use cookies to offer you a better experience and to analyze site traffic. By continuing to browse this site, you agree to this use of cookies.