Studies
Admissions
The Institute
Resources
Studies
Admissions
The Institute
Resources
Studies
Admissions
The Institute
Resources

FE410

React Web II

Barcelona Campus
May 02, 2022 - May 20, 2022
This course will teach you the main features of React as well as learn more on React ecosystem
Barcelona Campus
May 02, 2022 - May 20, 2022

Faculty Profiles

Eirikur Nilsson

Eirikur Nilsson

Developer of Interactive Web Experiences at Aranja

Ægir Thorsteinsson

Ægir Thorsteinsson

Co-founder of Aranja and Hopp

Course length

3 weeks

Duration

3 hours
per day

Total hours

45 hours

Credits

6 ECTS

Language

English

Course type

Offline

Fee for single course

€1500

Fee for degree students

€750

Skills you’ll learn

Frontend developmentAdvanced React FeaturesNextJSReact AnimationsApolloXState
OverviewCourse outlineCourse materialsPrerequisitesMethod & grading

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 be easily reused. It's not only used for web development but also for making mobile apps, games and more.

This course will teach you the fundamentals of React as well as dive into 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

Dive into the details of the course and get a sense of what each class will cover.
Monday
Tuesday
Wednesday
Thursday
Friday
Monday
1

Advanced tooling

  • Build tools
  • React with TypeScript
Tuesday
2

NextJS

  • Routing
  • Data fetching
  • Static site generation
Wednesday
3

Animations

  • Animating components in and out
  • Spring based animations
Thursday
4

Advanced animations

  • Framer motion
  • Animating between components
  • Gestures
Friday
5

Practice session

Monday
6

Intro to GraphQL

  • Schema and resolvers
  • Queries, mutations and subscriptions
Tuesday
7

GraphQL with Apollo

  • Query hooks
  • Cache management
Wednesday
8

Advanced state management

  • State machines with XState
  • Modeling states and actions
Thursday
9

Concurrent mode

  • Suspense
  • React.lazy
  • StrictMode
Friday
10

Practice session

Monday
11

Performance

  • Measuring updates
  • Memoisation
Tuesday
12

Advanced features

  • Portals
  • Error boundaries
  • Custom hooks
  • Higher order components
Wednesday
13

Ecosystem

  • Integrating non React libraries
  • Publish your library to npm
Thursday
14

Alternative React targets

  • React Native
  • React Three Fiber
Friday
15

Final project

Course materials

Books

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

The final grade will be composed of the following criteria:
30% - Weekly Evaluations
20% - Homework
50% - Final Project
Each assignment is graded on a 10 point scale as follows : 3 points for completing the assignment Incomplete assignments turned in on time will result in a loss of 1 point Late assignments result in a loss of 2 points 4 points for Craft 2 points for Creativity 1 point for Content
Eirikur Nilsson

Faculty

Eirikur Nilsson

Developer of Interactive Web Experiences at Aranja

Eiríkur is a co-founder and CTO at Aranja, a digital agency that specialises in front-end development for websites and apps. He has worked on projects for Google, Facebook, Pinterest, Blue Lagoon and many innovative startups.

Recently, Eirikur has overseen development for scooter sharing service Hopp which was founded by Aranja. He is also the lead architect at Digital Iceland, a public-private partnership developing high-quality digital government services.

See full profile
Ægir Thorsteinsson

Faculty

Ægir Thorsteinsson

Co-founder of Aranja and Hopp

Ægir is a Front-End Developer and co-founder at Aranja, a digital agency based in Reykjavik, Iceland, specializing in front-end development for websites and apps. With over two decades of experience, he began his career as a Front-End Developer at the age of 16 and has continually embraced the evolving web platform to deliver cutting-edge solutions.

He has worked on high-profile projects for industry leaders like Google, Facebook and Dropbox, with recent projects focusing on React.

See full profile

Apply for this course

Snap up your chance to enroll before all spaces fill up.

React Web II

by Eirikur Nilsson, Ægir Thorsteinsson

Total hours

45 Hours

Dates

May 02 - May 20, 2022

Fee for single course

€1500

Fee for degree students

€750

Explore related courses

React Native

Jul 11 - Jul 29, 2022

Campus: Barcelona
To be announced

To be announced

Coming soon

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.