FE407
React Web II
Faculty
Christopher Baker
Full Stack Developer
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
React is the most used JavaScript framework in the world, and there is a good reason for it: it has managed to create a nice encapsulation of UI components that can easily be reused. It's not only used for web development but also for making mobile apps, games and more.
This course will teach students how to use the more advanced React, as well as dive into Typescript and the overall React ecosystem.
Learning highlights
- Learn about advanced React features
- Get knowledge of the major libraries and frameworks in the React ecosystem
Course outline
15 classes
Snow Summit
- Snow Summit
Typescript
- Why use Typescript?
- Typescript fundamentals.
- Strict mode.
Typescript II
- Generics.
- Typescript for React.
- Best practices.
Next.js I
- Server side rendering.
- Routing and folder structure.
- Built-in components.
Next.js II
- SSR, SSG vs ISR.
- Layouts.
Intro to GraphQL
- REST vs GraphQL
- Schema and resolvers
- Queries, mutations and subscriptions
- Tooling
GraphQL for NextJS
- Headless CMS
- GraphQL clients
- Graphql in NextJS
- Code generation
Practice Session
- Practice Session.
Performance
- Measuring updates
- Memorization
Concurrent mode
- Suspense.
- React.lazy.
- StrictMode.
Testing
- Testing React components.
- Mocking.
- End-to-end testing.
Advanced features
- Error boundaries.
- Portals.
- Auth.
Practice session
Practice session.
Alternative render targets
- React Native.
- React Three Fiber.
Final project
Final project.
Methodology
Lectures with a mix of slides and demos
Homeworks at least twice a week
Weekly project, after which class time is devoted to project presentations and feedback
Grading
Christopher J. Baker began coding in his youth, growing up in a farming community, and his passion for technology has only deepened over 24 years of programming and 12 years of professional experience. Most recently serving as Director of Frontend Technology, Christopher specializes in software architecture, API design, and data processing and analysis. His career spans diverse industries, including fintech, gambling, fast food, and e-commerce, across a wide variety of projects, from open source to startups to fortune 10 companies.
A dedicated mentor and trainer, Christopher has taught and inspired others throughout his career. Recently, he has expanded his efforts through international talks, workshops, and training sessions. Beyond technology, Christopher applies his analytical mindset to his hobbies, such as culinary experimentation and tabletop role-playing games, showcasing his creativity and love of exploration.
See full profileApply for this course
React Web II
by Christopher Baker
Total hours
42 Hours
Dates
Feb 04 - Feb 21, 2025
Fee for single course
€1500
Fee for degree students
€750
Frontend Architecture
Aug 22 - Sep 09, 2022
Graciela Henriquez Fernandez
Frontend Lead Engineer at Visma Labs Spain
How to secure your spot
Complete the form below to kickstart your application
Schedule your Harbour.Space interview
If successful, get ready to join us on campus
FAQ
Will I receive a certificate after completion?
Yes. Upon completion of the course, you will receive a certificate signed by the director of the program your course belonged to.
Do I need a visa?
This depends on your case. Please check with the Spanish or Thai consulate in your country of residence about visa requirements. We will do our part to provide you with the necessary documents, such as the Certificate of Enrollment.
Can I get a discount?
Yes. The easiest way to enroll in a course at a discounted price is to register for multiple courses. Registering for multiple courses will reduce the cost per individual course. Please ask the Admissions Office for more information about the other kinds of discounts we offer and what you can do to receive one.