Course Outline
Building Modern Front-End Applications
- Comparing the core concepts and similarities of React, Angular, and Vue.js
- Understanding declarative rendering
- Components and the creation of custom HTML tags
- Initializing a React project using create-react-app
Modern JavaScript Practices
- Development workflows using Node.js and npm
- Evolution of JavaScript versions
- Managing modules
- Function syntax and arrow functions
- Class-based structures
- Functional programming patterns in JavaScript (e.g., map, filter)
TypeScript Essentials
- Differences between static and dynamic typing
- Type declaration for variables, functions, and classes
- Core data types
- Tuples and objects
- Interface definitions
- Generic types
React Templating
- JSX: A JavaScript-based templating language
- Assigning properties to elements
- Rendering lists of elements
- Conditional rendering (if/else)
- Handling events
- Managing CSS classes and styles
State Management in React
- Initializing and updating application state
- Leveraging the useState hook and setState
- Binding input element values to state
Components: The Core of Web Applications
- Creating custom HTML tags within React
- Managing state, props, and events
- Data flow between components
- Distinguishing between function and class components
- Utilizing hooks in functional components
- Component lifecycle events (mount, update, unmount)
- Integrating pre-built components from external libraries
Redux for State Management
- Redux fundamentals: Managing state via pure functions, reducers, and immutable data
- Utilizing the useReducer hook in React
- Integrating Redux into a React architecture
- Separating presentational and container components
- The broader Redux ecosystem
- Processing asynchronous actions with Thunk
- Consuming data from REST APIs
Developer Tooling and Testing
- React developer tools
- Redux developer tools
- Writing tests for JavaScript using Jest
- Unit testing reducers
- Testing React components
Routing with React
- Implementing client-side routing
- Switching views based on the browser's current route
Advanced React Development
- An introduction to React Native
- Building installable mobile and desktop applications using Progressive Web Apps
- Evaluating Progressive Web Apps versus native applications
Requirements
- Foundational 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.
