13-15 March 2020

City, University London

Web Performance in Decouple Drupal Architecture with React and Tools

Prerequisites
  • Basic Javascript experience 
  • Knowledge about decoupled Architecture 
  • HTML and CSS 
Session details

Web technologies and Frameworks have gone beyond since its origin. Today we talk about the latest Stack either with Decouple Drupal, Progressive Drupal or Drupal Integration with Other Stack, One thing always matter is web performance.
This talk is about our experience of performance-optimizing with our Decouple App (React JS). The objective of our exercise was to improve our app’s load time or performance in a few (4-6) weeks. This presentation details how we measured the gains and what React tools we can use to achieve this.

Front-end devs wanting to improve their Web Application performance shall find this talk insightful. 

Key take-aways:
- what are the React performance optimization options available
- how to apply those optimizations
- how to make performance optimization exercise effective
- Tools and options to check web performance
- How performance matters for React Components

A few tools I intend to talk about are Webpack Bundle Analyzer, Lazy Load in React, Hooks and Context APIs, Choose Lightweight Library, Chrome Devtools, WebpageTest. Few optimization capabilities I shall discuss are related to tree shaking, code splitting, dynamic library loading, React Suspense and Context APIs, React Patterns to improve performance

How we improved our React App’s performance
Identified & removed unused libraries/part of libraries
Code splitting with React’s lazy & suspense
Identify & load specific libraries dynamically
Reduce babel transpiled code with babel-preset-env
Reduce download size with brotli-webpack-plugin

I love Teaching developers, I always looking for speaking opportunity in different conf and meetups 

All developers having Javascript Language experience 
Details of Performance Improved and final outcome 

Skill Level
Session Track

Sponsors

Diamond

ddev

Gold

Acquia - Experience digital freedom
Agiledrop - Trusted Drupal teammates
Droptica
Dropsolid

Weekend Keynote Speakers

Kevin Bridges

DDEV, CTO

Michel van Velde

One Shoe, CEO

Nick Veenhof

Dropsolid, CTO

CxO Keynote Speakers

Kevin Bridges

DDEV, CTO

Michel van Velde

One Shoe, CEO

Greg Harvey

Code Enigma, Director

Rachel Lawson

Drupal Association, Community Liaison

Carrie Lacina

Drupal Association, Fund Development Director

Jeffrey A. “jam” McGuire

Open Strategy Partners, Partner

Tracy Evans

Open Strategy Partners, Partner

Join the Drupal Association

The Drupal Association unites a global open source community to build and promote Drupal.

The Association is a not-for-profit organization that relies on individuals and businesses to fund everything they do for Drupal — from drupal.org to DrupalCon and community programs.

Connect with us and support our mission-driven work.

Support the Drupal Association

Hosting provided by

platform.sh