jamiebuilds/react-loadable

Features

• Asynchronous Component Wrappers - Provides a higher order component that renders fallback states until module promises resolve.
• Bundle-to-Module Mappings - Implements a manifest system to map individual modules to their physical JavaScript bundle files.
• Lazy Loaders - Provides a higher order component for asynchronously loading React components using promises.
• Code Splitting - Divides the application into smaller bundles that load on demand based on user interaction or routing.
• Bundle Orchestrators - Maps individual modules to their respective bundles to ensure correct asset delivery.
• On-Demand Component Loading - Fetches and displays components on demand to reduce initial bundle size and improve load times.
• Client-Side Hydration - Coordinates the handoff between server-rendered HTML and client-side JavaScript to prevent flickering.
• Server-Side Rendering - Coordinates dynamic module preloading on the server and captures output for seamless client transitions.
• Hydration Bridges - Coordinates dynamic module preloading on the server to prevent content flicker during client hydration.
• Output Capturing - Records rendered HTML of dynamic components on the server to prevent content mismatch during hydration.
• Component Preloaders - Triggers background fetches of visual components before they are required on screen.
• Asynchronous UI State Handling - Handles loading states and fallback content during the parallel fetching of asynchronous resources.
• Concurrent Resource Fetching - Triggers multiple asynchronous requests in parallel and resolves them into a single data set for the UI.
• Parallel Resource Fetching - Retrieves multiple data sources simultaneously and processes combined results through a custom display function.
• Dynamic Content Loading - Renders temporary loading states while fetching modules and transitions to final content upon completion.
• Frontend Performance Optimization - Reduces JavaScript delivery by preloading critical visual components in the background.
• Module Preloaders - Initiates network requests for JavaScript bundles before the components are required for rendering.
• Viewport-Based Preloading - Triggers background loading of visual components before they enter the viewport to reduce latency.

Star history