Advanced React training

Last updated on September 26, 2023 at 1:18 PM

The Advanced React training course is for anyone already doing React development who wishes to deepen their expertise of both the often-misused fundamentals (Effects, local state…) and more advanced facets of React (refs, contexts, portals, optimization, Suspense and the concurrent mode), plus server-side React!

  • 100% up-to-date
  • Common-thread app
  • Bulletproof mental models
  • Advanced Effects, State and Refs
  • Optimization galore
  • SSR / Streaming SSR / RSC


The Advanced React course aims to enable trainees to:

  • Eliminate glitches and bugs from their React apps
  • Cleanup their React codebase thanks to a bulletproof mental model
  • Optimize initial rendering performance
  • Provide a smooth, reliable UX
  • Improve the maintainability of their React apps


Render vs. Commit

  • What the phases are
  • What triggers a render?
  • How does that impact our apps?

React’s Strict Mode

  • Purpose of the Strict Mode
  • Impacts of the Strict Mode

Local state

  • Best practices for managing local state
  • Resetting local state (entirely or partially)

Effects vs. Events

  • Choosing where to put your code
  • Best practices for managing Effects
  • Antipatterns
  • Effect Events


  • Principles
  • Use cases
  • Objects vs. callbacks
  • forwardRef()
  • useImperativeHandle()
  • flushSync()

Custom contexts

  • Design best practices
  • API / consumption best practices

Custom hooks

  • Principles
  • Best practices

Client-side optimizations

  • React.memo()
  • useMemo()
  • useCallback()
  • useDeferredValue() vs. throttling / debouncing
  • Profiling with React Developer Tools
  • <Profiler>


  • Principles
  • Use cases
  • Using portals

Suspense and concurrent features

  • Core principles
  • lazy() for code loading
  • Use cases
  • <Suspense>
  • Suspense and routing
  • Suspense and data fetching
  • Fine-grained prioritization with useTransition()

Server-side React

  • The basics: SSR and manual hydration
  • A word about SSG and its main frameworks
  • Streaming SSR
  • Introduction to Next.js
  • SSR with the Page Router
  • Introduction to React Server Components (RSC)
  • RSC with the App Router
  • A word about Remix

As a file?

Print or download the program as a PDF


Christophe Porteneuve

Christophe Porteneuve

Christophe has been doing professional web work since 1995. He co-created Europe’s first production JSP portal in 1999, moving to J2EE before going with Ruby, Rails and finally Node.js.

A best-selling author of“Bien développer pour le Web 2.0” (“Best practices for modern web development”) at Eyrolles, he also wrote the reference book “Prototype and” at Pragmatic Programmers, articles in various online magazines (most notably the widely-acclaimed A List Apart), and speaks at a number of conferences big and small.

In France, Christophe enjoys a solid reputation of expertise in the areas of front-end web dev (most notably JavaScript), Node.js, Git and Rails.

Christophe is the founder and CTO of Delicious Insights.

Want a bespoke training?

Need this training in-house, using our proven curriculum or going full bespoke? Fear not: we got this!

All our trainings are available in-house and can be tailored to your needs (subject to trainer’s approval). The pricing on this page for in-house training assumes no curriculum change.

When going bespoke, a customization fee is to be expected, which will naturally vary depending on just how much tailoring your needs would require. Once we hash this out together, our trainers will estimate the workload for it so we can issue a tight quote for you.

Choose your adventure

  • On location at your office or third-party venues, anywhere in the world
  • Remotely via Zoom or Teams
  • Hybrid, depending on your trainee’s on-location or remote requirements or preferences

A wealth of benefits

  • Questions during an in-house training obviously focus on your own business needs
  • Our trainer can often do some quick, free consulting during questions, breaks and informal discussions
  • When at the office, your teams *use their regular work environment and can access their actual projects (We can sign an NDA for looking at your codebases when fielding questions, if need be).
  • It’s usually a lot cheaper to pay for just the trainer’s travel expenses than for all your trainees’.
  • Even for remote trainings, when your trainee count gets close to our capacity thresholds (usually 5 and 10 persons), the core teaching cost is usually cheaper than having them attend a pre-scheduled, multi-client session.

Sounds good?

We agree! 😊 Use the link below to send a qualified query our way, we’ll get back in touch in no time.

Usually, the training fee for an in-house session of this course is a flat fee starting at €7,500 (which covers up to 5 trainees).

Request an in-house / bespoke training

Intended audience

The Advanced React training course is for anyone with a good existing React development background. This could either be on personal or professional projects.

Not sure you’re a good fit?

Let’s check together (FR)


This course comes with prerequisites on React, which are assessed through a tech questionnaire ahead of confirming your registration. Expected existing skills include:

  • Setting up a React-based project
  • Using React on all or part of a web page
  • JSX and its syntax rules
  • Lists and key=
  • Basic use of local state
  • Basic use of Effects
  • React Developer Tools (Components tab)


  • Every session is held synchronously, “live,” including remote sessions. This is not about pre-recorded videos.
  • We are currently not scheduling new multi-client in-room sessions before, at the earliest, April 1st, 2022.
  • Comprehensive course material is provided, acting as a common thread. It usually includes numerous slides and starter codebases or repositories for every exercise and lab.
  • Trainees can ask questions at any time.
  • Sessions always alternate between theory and hands-on labs, in short intervals (5 minutes to 1 hour).
  • Hands-on periods rely on real-world use-cases (which can be bootstrapped through starter codebases, Git repositories or online assignment labs).
  • Hands-on periods may be completed individually or as sub-groups that may vary from one period to the next, to foster pair programming and collaboration.
  • Remote sessions use a Zoom recurring meeting, accessible through a provided link using both the installed app and the pure-web, no-install client. They mostly use features such as video thumbnails, screensharing, chat, breakout rooms and possibly quizzes, annotations and whiteboards.

Deliverables & assessments

  • Every session half-day requires attendance signing (paper sheet or digital tool). For remote sessions, should a trainee fail to submit their entire attendance sheet in due time, Zoom participant logs will be considered authoritative.
  • At the beginning of every day’s first period, we run a “debrief”: during about half an hour, we help collectively resurface skills and knowledge first tackled on the previous day. This helps put everyone back “in the zone,”, consolidate learning and boost group dynamics.
  • Throughout the course, assessment of skill acquisition is done through the successful completion of hands-on labs (exercises, mini-projects, labs, use cases, etc.). Interactive quizzes may supplement this. The trainer remains available for any question during hands-on periods.
  • Should a trainee exhibit significant difficulty, the trainer may opt to provide one-to-one mentoring for a while using the trainee’s computer as a working base. This also applies to remote sessions using Zoom’s dedicated features (e.g. one-to-one / individual assistance).
  • When the session ends, every trainee may request a completion certificate (or at least attendance certificate) and, for remote sessions financed by a French institutional entity, we issue a standardized completion certificate in order for financing to be able to proceed smoothly.
  • Once the training is over, every trainee receives a link to an online “hot” feedback survey, so they can express, among other things, whether they feel they achieved the stated goals of the training (or believe these will be achieved in the short term).

At every start of a training slot, trainees get access to:

  • full slides in a web format, so they can follow along easily,
  • the starting-point repository so they can develop the application used as a running thread for the course.

After the session, they also get:

  • a large debrief e-mail with tons of extra resources,
  • a reference archive with all the slides, the finalized codebase with full comments and tests, and some extra material.

Assessing acquired skills is done throughout the training through exercises and successful execution of the many development steps for the running-thread application, plus successful run of automated tests both provided and created on-the-fly.

Hardware & software requirements

  • Use a sufficiently powerful laptop, properly set up (in particular, having followed whatever training-specific setup guide might have been linked to in the summons e-mail or training’s web page).
  • This laptop must be equipped with a webcam, microphone and audio output (preferrably using a headset or earphones, to avoid feedback).
  • Use an internet access with a minimal bandwidth of 1Mbps both ways, with an ideal minimum of 5Mbps (test your bandwidth here)
  • Be able to run Zoom, either as a regularly installed software, or through their 100% web-based client. You can verify your installed client works fine using this test.

Registration & deadlines

Regardless of the modalities you’re looking for (single- or multi-client, in-room or remote), your initial request (for quotation or contract) should be made online from the training’s web page. You can find further up contract request links for every available multi-client session, a proposal request button for a single-client session, and for any other enquiry can use the contact button further below. Please favor our online forms as they speed up processing by avoiding numerous e-mail back-and-forths in order for us to get all your necessary information.

For multi-client, fixed-date sessions, we reply to quotation or contract requests within at most 2 business days (and usually within minutes). For single-client, custom sessions, we usually get back to you within 3 business days to fine-tune your requirements and create a bespoke offer.

The e-mails we send to provide quotations or contracts, as well as our online training pages, provide a link to an online survey prospective trainees can use for fit-for-needs assessment; this information should get to us ASAP, ideally before contract signing, so we can verify our training offer is a good match for the audience.

Summons are sent by e-mail no later than 7 days prior to the session, at which time a potential cancellation decision (usually because two few trainees registered) is made. If the session is guaranteed ahead of that deadline, we can send your summons earlier at your request.

For multi-client sessions, you can register online (requesting a contract and sending it back signed by e-mail) until the day before the session starts, provided the required amount of seats remain free. If you finalize your registration after the usual summons-sending deadline, your summons are sent immediately by e-mail.

However, when French nationals contractualize with us in their personal capacity, French law mandates a withdrawal period (10 calendar days for in-room sessions, 14 calendar days for online sessions). In order to allow such clients to register later than this, they are provided an opt-in choice in their contract request online form to waive their withdrawal rights if the schedule requires it.

For French client entities applying for third-party financing (e.g. OPCOs, Pôle Emploi, Regions, EU), it is imperative that financing agreements be sent to Delicious Insights no later than the last day of the training session. Should financing be denied or only partially provisioned, the client is liable for payment of the balance of the fee.

You can find more information on the details of registration, cancelling and getting refunds in our Terms of Sale.

Disabilities & special needs

The French law dated September 5, 2018 for “freedom to choose one’s professional future” aims to facilitate accessing and retaining a job for people with disabilities or special needs.

Delicious Insights is very keen to help everyone, regardless of their particulars, move forward professionally.

We can often adapt the modalities of our trainings to fit your needs: let’s just review your situation together.

Do feel free to get in touch with our point person for Disabilities, Christophe Porteneuve, by e-mail or phone.

Do feel free to get in touch with our point person for Disabilities, Christophe Porteneuve, by e-mail at or phone at +33 662 059 656.

Financing your training

If you work at a French company, there is a wide array of options for helping you finance professional training. We’ll assume you then speak French (or the relevant person at your company does), so you should direct them to the French version of this page (use the language link at the end of the top navigation bar) our our French page about financing so they get all the information they need.

Otherwise, depending on your company’s location, there might be other financing helps available. Your HR department likely knows about it.

At any rate, a training can be handled like any other service: we invoice your company directly, and you pay us by bank wire within 30 calendar days (“30net” terms).

Sessions & pricing

  1. from 18 to 20 October 2023

    3 × 7hr (09:30–12:30 and 14:00–18:00)

    100% remote

    Register for this session Advanced React from 18 to 20 October 2023 100% remote

You register Per trainee
1 to 2 trainees €1,700  net
3 to 5 trainees €1,530  net
6+ trainees €1,360  net

(Any ongoing discount or special offer is not reflected here, but will be automatically applied in the registration form.)

Need an in-house / custom training?

If you’d like to get a version of this tailored to your needs, in our office or videoconference setup, remotely or anywhere in the world, let us know what your needs are.

Usually, the training fee for an in-house session of this course is a flat fee starting at €7,500 (which covers up to 5 trainees).

Request an in-house / bespoke training

Need a quotation?

Get in touch

Don’t fret, we’re sure to have answers to help put your mind at ease and get a clearer picture. So let’s talk!

Get in touch