Master the Art of Building Web Apps with React
Learn all the essential concepts of one the most in-demand JavaScript libraries for building modern web applications. This course will guide you through the essential concepts of React, starting with core principles like components, state management, and hooks, then advancing to topics like client-side routing, global state, and custom hooks. You will not only learn how to create dynamic and reusable components but also build production-ready, single-page applications (SPAs) that interact with REST APIs. By the end of this course, you'll have the practical skills, React patterns, and best practices needed to build robust applications in real-world environments.
This course is delivered by experienced developers and software tester specialists, and members of the Ministry of Testing Athens, the world's leading professional network of software testers.
The program runs for 8 weeks, held Mondays and Wednesdays, 6 to 8 p.m. live online via Zoom. Some sessions will be held at Hellenic American Union labs (22 Massalias Street, Athens), while those who cannot make it through will still be able to attend the live sessions live online via Zoom.
The program awards a 30-hour Hellenic American Union Certificate of Completion.
New dates: Mon-Wed: 17/2-14/4/2025, 18.00-20.00
Call us at 210-3680911 for more information, or contact training@hau.gr
Ministry of Testing Athens (MOTA) is a highly active network of scientists and IT professionals specializing in Software Testing. React Masterclass presenters are active members of MoT Athens with extensive experience in software development projects & software testing projects.
Special fees apply for MOTA members. Calls us at 210-3680911 for more information.
- Understand how single-page applications (SPAs) using React work
- Build production-grade SPAs with reusable and efficient components.
- Implement form handling, event management, and state management in complex applications.
- Consume and interact with REST APIs and third-party services.
- Explore advanced React techniques like server-side rendering (SSR) with Next.js and manage global state with tools like Context API and Redux.
- Software engineers, developers, students who want to master React
- Developers who work with JS, HTML και CSS
- Developers who create interactive client & server-side applications
- Developers with experience in JavaScript frameworks like Angular or Vue.js
Prerequisties: JavaScript, HTML and CSS
Απαιτούμενος εξοπλισμός: Lap top/pc with text editor and browser – and the following software installed:
- Node.js - is a JavaScript runtime built on Chrome's V8 JavaScript engine. We will use the latest LTS version.
- npm - is the official Nodejs Package Manager (npm) which allows us to manage our dependencies and packages. It is automatically installed with nodejs, so you don't have to install it separately.
- VS Code, a code editor with many powerful features and extensions.
- git / github account - is a version control system for source code and Github is a community site that allows easy creation and collaboration on git projects.
Intro
- SPA (single page applications)
- CLI tools (npm and git)
React Basics
- ES6 for React
- Core principles
- JSX
- Components
- Props and Children
React state, hooks and events
- React Hooks
- State
- Event handlers
- Forms
- HTTP requests
- React flow and component lifecycle
React styling
- CSS
- Inline styling
- CSS modules
- CSS in JS
- Styled Components
React global state management
- Context API
- Redux
- jotai
- zustand
React patterns and best practises
- Stateful and stateless components
- Layouts
- Render props
- Custom hooks
- Compound components
React ecosystem
- React Router
- React query
- React hook form
- UI libraries
React on server
- Next.js
- App router
- Server-side rendering (SSR) vs client-side rendering (CSR)
- Layouts
Giannis (John) Tsevdos is a senior software engineer (front end), with more than 18+ years of experience in software engineering and web development, currently employed at Orfium, a company specializi ...
Learn more