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

Master React in just a week in Portugal

January 28 to February 4, 2018.

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

1-Week React Developer Bootcamp


From January 28 to February 4, 2018. Location: Estoril, Portugal, .
Cost of the 7-day training: £1600 + VAT
Cost of the accomodation for 7 days (lunch & breakfast included): £200 + VAT
The total cost of the training including accommodation is £1800 + VAT

Two payment Options


Pay upfront for a 10% OFF!

For those who would like to pay upfront we now have a 10% discount on the total price.

£1800 £1640


Pay by Installments

For those preferring to pay in installments, contact us and we'll arrange for you to pay in 3 installments with the first being 50% of the total cost and the other to follow over 6 months.

Payment Plan

£1800

By purchasing a course or bootcamp, you agree to our Terms & Conditions.

I would like to recieve more info and some pre-course learning resources!

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.

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, redux-saga, graphql
  • 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, Sunday evening (optional)

  • 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, Monday

  • Thinking in React
    • The Imperative to Declarative Shift
    • Everything is a component
  • What is React made up of
    • Props vs. 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
    • Main components: Router and Route
    • Authentication
    • Implement a master-detail web application
  • Data management
    • Presentational Components vs. Container Components
    • Data fetching
  • Forms management in React
    • Controlled Components vs. Uncontrolled Components
  • Component libraries
    • React-Bootstrap
    • MaterialUI

Day 3, Tuesday

  • Day 1 recap: build a React app from scratch to consolidate using React, React Router and 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, Wednesday

  • Testing React and Redux
    • Mocking (Spy, Stub), Assertions, Snapshots
    • Shallow, Mount
    • Testing Components, Higher-Order Components, Connected Containers
    • Actions, Reducers
    • Code Coverage
  • 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, Thursday

  • Redux-Saga:
    • What is the Saga pattern
    • How is Redux-Saga implemented: ES6 generators
    • Refactor an app to implement redux-saga instead of redux-thunk and redux-promise
    • Testing with Redux-Saga
  • Going isomorphic/ Universal with React
    • Nodejs + React + React Router
    • Isomorphic/ Universal Redux.
  • Styles
    • CSS vs JS
    • Styled-components
  • Performance and Rendering Optimizations (quantified with numbers)

Day 6, Friday

  • 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 Callback (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
    • GraphQL: Query, Mutation, Fragment
    • Relay vs. Apollo
    • 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

Day 7, Saturday

  • Real-world app challenge. We'll implement together an app from scratch
    1. Create teams
    2. Discussions about architecture and tools
    3. Code in teams
    4. Demo

Meet the coaches

The place

Code, collaborate, learn and live all in a single, beautiful and comfortable place (up to 19 people).

A day in our training

  • Breakfast
  • Lecture and code
  • Lunch
  • Lecture and code
  • Yoga, a yoga teacher will come to our house
  • Dinner
  • Relax, rest,... or code :)

ReactJS Academy is Europes longest running dedicated React and Redux training. Established in May 2016, we've trained over 1000 developers across the EU in our private bootcamps and public workshops.

You can read reviews of our workshops in the following Meetup groups which we organise:


play video

Listen to what our trainees say about our training

Are you a minority in tech?

We are committed to making the tech industry more accessible and diverse, please contact us directly to find out about discounts and scholarships.

hello@leanjs.com