FE411
React Web II
Faculty
Snaer Thoroddsson
Senior Software Engineer at Aranja
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
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
Practice session
Practice session.
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
Advanced animations.
- Framer motion
- Animating between components
- Gestures
Performance
- Measuring updates
- Memorization
Practice session
Practice session.
Concurrent mode
- Suspense
- React.lazy
- StrictMode
Alternative React targets
- React Native
- React Three Fiber
Practice session
Practice session.
Advanced features
- Portals
- Error boundaries
- Custom hooks
- Higher order components
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
Snaer is from Reykjavík, Iceland, and he got his BS in Computer Science from the University of Iceland in 2015. He worked as a programmer for Advania and as a production owner, technology leader and programmer for Dohop. He was also the lead architect and programmer at Leviosa
Currently, he is a front-end developer at Aranja. Aranja is a digital agency that specializes in front-end development for websites and apps. He has worked on React for the past six years on various projects. Recently, Snaer worked on projects such as Yohana where you get your personal assistant in your pocket and Digital Iceland, a public-private partnership developing high-quality digital government services.
See full profileApply for this course
React Web II
by Snaer Thoroddsson
Total hours
45 Hours
Dates
May 20 - Jun 07, 2024
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.