About the course:
Our instructor-led React training course is a great way for you to get up to speed with Facebook's React JavaScript library to rapidly create well-structured front-end applications.
This hands-on React workshop is aimed at existing software developers from a variety of technical backgrounds (for instance JavaScript, ASP.NET Core, Spring, Django...).
You will gain a solid grounding in JavaScript fundamentals, the relevant parts of ES6, functional programming and Typescript with a view to building well-optimised front-end applications.
This is a bring-your-own-device workshop - which means you will leave the React workshop with useful code to reuse in your own projects.
Remote attendance available - as part of a wider training programme or standalone workshop, as a custom on-site course, and public scheduled courses in London - let us know if you'd like to discuss bringing a custom React course to your offices (you might also want to take a look at our GraphQL training course too).
By the end of this course, you will have learnt:
- how the React command-line development tools work
- how to build components using both classes and Hooks
- how to create views using the JSX syntax.
- how to structure code using the Container Presentation pattern
- how to add Typescript support to a React project
- how to fetch Json data from a remote API
- how the component lifecycle works
- how to build a project with the React Router
- how to isolate application state with Redux
- how to write unit tests for your React code
Who should attend
The course is aimed at experienced developers, who are familiar with programming concepts but may be relatively new to JavaScript and React. The course includes a brief review of HTML and CSS fundamentals.
Prerequisites
Ideally you should be comfortable coding JavaScript from scratch, and web fundamentals (HTML and CSS) but you should be fine if you already have equivalent skills in another language and / or web framework such as ASP.NET MVC with C#, Spring with Java, Django with Python. Please get in touch if you have any questions or would like any pointers to prime yourself for this course.
Live, instructor-led online and on-site training
We appreciate that you need flexibility to fit in with new working situations - whether you're an individual, part of a distributed team, or simply have projects and deadlines to meet.
Our remote training can take place online in a virtual classroom, with content split into modules to accommodate your scheduling challenges and meet your learning goals. Get in touch today to find out how we can help design a cost-effective, flexible training solution.
As soon as it's safe, we'll return to also offering the on-site custom training courses and programmes upon which we've built our reputation.
The most relevant ES6 features for React
- Arrow functions
- let
- const
- destructuring
- the spread operator
- classes and modules
The React development environment
- using create-react-app
- Babel
- WebPack
- React DevTools
Hooks in React
- Understanding Hooks
- functions that persist state
- useState, useEffect, useReducer and useContext Hooks.
Adding state and props to components
- Components: the fundamental building block of React
- Defining class-based components
- Stateless-function components.
- Defining and changing state
- Passing props into components
- Component scope and keyword "this"
Using Typescript in React projects.
- Adding types to JavaScript
- Using Typescript interfaces to describe state and props
Fetching asynchronous data from remote APIs
- Working with Fetch to make API calls and read JSON data
- Understanding Promises.
React in-depth
- Understanding the component lifecycle.
- Redux: actions, reducers, the store and the Redux DevTools.
- Defining routes with React Router
- Unit Testing
- Forms using controlled components
