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 - all technical backgrounds are welcome (for instance JavaScript, ASP.NET Core, Spring, Django...)
To be an effective React developer you need a confident understanding of modern JavaScript ES6 patterns - so you'll start your course with an in depth review of ES6 before moving on to hands-on coverage of Functional Programming and Typescript with a view to building well-optimised front-end applications.
Did you know?
- React is massively popular!
- React is a constantly evolving technology
- The engineers at Facebook have radically re-engineered React in recent years.
- Originally based around ES6 classes, the framework has evolved to use Hooks: functions which retain state.
- We examine both class and Hook based development on the course.
Our aim is to give you a highly practical course so that you'll leave the React workshop with usable code and ideas which you're free to implement in your own projects.
Remote attendance is available - as part of a wider training programme or standalone workshop, as a custom on-site course, and we're looking forward to recommencing public scheduled courses in London.
Let us know if you'd like to discuss bringing a custom React course to your offices. We're happy to customise private courses to include other relevant technologies - for instance, you may also be interested in topics from our TypeScript course or our GraphQL training course too.
By the end of this course, you will have learnt:
- how React command-line development tools work
- how to build components using 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
Useful resources
Who should attend
The course is aimed at existing 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 to help developers from non-web backgrounds.
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
- Writing your own custom 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
