Code Splitting Courses and Certifications

Conf42

Breaking the Monolith - A Comprehensive Guide to Code Splitting

Explore code splitting techniques to break monolithic applications, including iframes, proxy servers, web components, npm, microfrontends, and Webpack 5 module federation.

• YouTube
• 19 minutes
• Self-Paced
• Free Video

Meta

A Beginner's Guide to Code Splitting Your React App

Learn to optimize React apps through code splitting techniques, improving performance and user experience on mobile devices and slow networks.

• YouTube
• 24 minutes
• Self-Paced
• Free Video

Callstack Engineers

Code Splitting in React Native

Explore code splitting in React Native using Webpack, enabling modular app development and efficient resource management for improved performance and flexibility.

• YouTube
• 22 minutes
• Self-Paced
• Conference Talk

JSWORLD Conference

Code Splitting in React Native

Explore code splitting techniques in React Native to optimize app performance, reduce bundle size, and improve load times. Learn practical strategies for efficient module loading.

• YouTube
• 29 minutes
• Self-Paced
• Conference Talk

Advanced React: Design System, Design Patterns, Performance

1495 ratings at Udemy

Become Senior in React JS by Gaining in-depth expertise in Design Systems, Design Patterns, Performance, Typescript etc.

• Udemy
• 21 hours 17 minutes
• Self-Paced
• Paid Course

Webpack 5 Ninja - Build Micro frontend and web apps

778 ratings at Udemy

Webpack 5 (2024).Basics to Advanced concepts like loaders ,plugins, Module Federation, Build production apps (React App)

• Udemy
• 8 hours 26 minutes
• Self-Paced
• Paid Course

Webpack 5: Optimizing For Production

462 ratings at Udemy

Optimize your Webpack 5 configuration for Production with Code Splitting, Lazy Loading, Gzip compression etc.

• Udemy
• 5 hours 55 minutes
• Self-Paced
• Paid Course

Web Performance with Webpack

Make websites load instantly by using the Webpack code splitting feature for lazy loading JavaScript by removing unused code with tree shaking and prefetching assets.

• Frontend Masters
• 1-2 hours
• Self-Paced
• Paid Course

Build Performant and Progressive Angular Applications

Learn techniques to enhance Angular app performance, including lazy loading, preloading strategies, change detection optimization, virtual scrolling, and service worker precaching.

• egghead.io
• 32 minutes
• Self-Paced
• Free Online Course

Learn React lazy, memo, useState and useEffect in 7 minutes

Quickly master essential React concepts like lazy loading, memoization, and hooks for efficient component rendering and state management.

• egghead.io
• 7 minutes
• Self-Paced
• Paid Course

Build a Server Rendered + Code Split App in React with React Universal Component

Learn to build fast-loading React apps with code splitting and server-side rendering using react-universal-component. Optimize performance, reduce network requests, and enhance user engagement without framework lock-in.

• egghead.io
• 2 hours 15 minutes
• Self-Paced
• Paid Course

Learn React hooks, lazy, and memo API

Learn to optimize React components with hooks, lazy loading, and memoization for improved performance and cleaner code.

• egghead.io
• 15 minutes
• Self-Paced
• Paid Course

React Optimization Cookbook

Optimize React apps: debounce events, virtualize lists, tree shake modules, containerize state, profile components, memoize functions, and code split for improved performance.

• egghead.io
• 59 minutes
• Self-Paced
• Paid Course

Intermediate React, v5

Build scalable React applications while learning React hooks in-depth, CSS-in-JS with TailwindCSS, increase performance with code splitting and server-side rendering.

• Frontend Masters
• 7-8 hours
• Self-Paced
• Paid Course

Meta

Building the New Facebook.com with React, GraphQL and Relay

Explore how Facebook leverages React, GraphQL, and Relay to create a modern, high-quality web experience, focusing on data delivery, code optimization, and accessibility.

• YouTube
• 41 minutes
• Self-Paced
• Free Video