Course Outline
Modern Front-End Application Development
- Comparison of React, Angular, and Vue.js: overview and similarities
- Declarative rendering
- Components: Creating custom HTML tags
- Initialising React projects using create-react-app
Modern JavaScript
- Development workflows with node.js and npm
- Evolutions in JavaScript versions
- Working with modules
- Functions and arrow functions
- Classes
- Functional programming concepts in JavaScript (map, filter, etc.)
TypeScript
- Static versus dynamic typing
- Defining types for variables, functions, and classes
- Fundamental data types
- Tuples and objects
- Interfaces
- Generics
React Template Language
- JSX: The JavaScript-based template syntax
- Configuring element properties
- Rendering repeating elements
- Conditional rendering (if / else)
- Event handling
- Applying CSS classes and inline styles
State Management in React
- Initialising and updating application state
- Leveraging the state hook and setState
- Synchronising input element values with state
Components: The Building Blocks of Modern Web Apps
- Defining custom HTML tags in React
- Managing state, props, and events
- Data flow mechanisms between components
- Differences between function and class components
- Utilising hooks within function components
- Component lifecycle phases (mount, update, unmount)
- Integrating pre-built components from external libraries
Global State Management with Redux
- Core Redux concepts: State management via pure functions, reducers, and immutable data
- Using the reducer hook in React
- Integrating Redux into React applications
- Distinguishing between presentational and container components
- The broader Redux ecosystem
- Managing asynchronous actions with Thunk
- Retrieving data from REST APIs
Developer Tools and Testing
- React Developer Tools
- Redux Developer Tools
- JavaScript testing with Jest
- Writing tests for reducers
- Testing React components
React Router
- Implementing client-side routing
- Rendering distinct views based on the current browser route
Application Development with React
- An introduction to React Native
- Building installable mobile and desktop applications with Progressive Web Apps
- Comparing Progressive Web Apps with native applications
Requirements
- Basic HTML knowledge
- Familiarity with JavaScript
Custom Corporate Training
Training solutions designed exclusively for businesses.
- Customized Content: We adapt the syllabus and practical exercises to the real goals and needs of your project.
- Flexible Schedule: Dates and times adapted to your team's agenda.
- Format: Online (live), In-company (at your offices), or Hybrid.
Price per private group, online live training, starting from 4800 € + VAT*
Contact us for an exact quote and to hear our latest promotions
Testimonials (7)
It was really good to finally get a solid understanding of some of the core concepts in React, especially things like the state and hooks. Łukasz provided really clear explanations of these, and was happy to experiment with worked examples to help clarify further questions that we had.
Hayden Pike - Powerlink Queensland
Course - React, Redux and TypeScript
The details amout, way of explaning and the calm and confidence the trainer is inspiring.
Cosmin Ghergheles - Ness
Course - React, Redux and TypeScript
It covered the basic components
Valentin
Course - React, Redux and TypeScript
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Course - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Course - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Course - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
