Course Outline
Creating modern front-end applications
- Comparison of React, Angular, and Vue.js
- Declarative rendering concepts
- Components: Creating custom HTML tags
- Initializing React projects with create-react-app
Contemporary JavaScript
- Development workflows with node.js and npm
- Evolution of JavaScript versions
- Module management
- Function definitions and arrow functions
- Class-based programming
- Functional programming techniques in JavaScript (e.g., map, filter)
TypeScript
- Static versus dynamic typing
- Defining types for variables, functions, and classes
- Primitive data types
- Tuples and object structures
- Implementing interfaces
- Working with generics
React template syntax
- JSX: A JavaScript-based template language
- Assigning attributes to elements
- Rendering lists of items
- Conditional rendering (if / else)
- Handling events
- Applying CSS classes and inline styles
State management in React
- Updating and modifying application state
- Leveraging the state hook and setState
- Syncing input element values with state
Components: Core elements of modern web apps
- Defining custom HTML tags in React
- Understanding state, props, & events
- Data flow mechanics between components
- Differences between function and class components
- Utilizing hooks within function components
- Component lifecycle phases (mount, update, unmount)
- Integrating pre-built components from external libraries
Redux for state management
- Redux fundamentals: Pure functions, reducers, and immutable data
- Using the reducer hook in React
- Incorporating Redux into React applications
- Distinguishing between presentational and container components
- Exploring the Redux ecosystem
- Managing asynchronous actions with Thunk
- Data retrieval from REST APIs
Developer utilities and testing
- React developer tools
- Redux developer tools
- JavaScript testing with Jest
- Testing Redux reducers
- Testing React components
React Router
- Implementing client-side routing
- Switching views based on browser routes
Application development with React
- Introduction to React Native
- Building installable mobile and desktop apps with Progressive Web Apps (PWAs)
- Comparing PWAs with native applications
Requirements
- Fundamental knowledge of HTML
- Practical experience with JavaScript
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.
