Displaying 1 to 20 from 26 results

splittable - Module bundler with support for code splitting, ES6 & CommonJS modules.

  •    Javascript

Requires java for one dependency to run. It is recommended to run splittable from the root directory of your project.

react-loadable - :hourglass_flowing_sand: A higher order component for loading components with promises

  •    Javascript

A higher order component for loading components with dynamic imports. So you've got your React app, you're bundling it with Webpack, and things are going smooth. But then one day you notice your app's bundle is getting so big that it's slowing things down.

loadable-components - React code splitting made easy ✂️✨

  •    Javascript

React code splitting made easy. Reduce your bundle size without stress ✂️✨. Webpack allows modern code splitting via the dynamic import syntax. Loadable Components makes it possible to use that awesome feature with React. It is compatible with react-router and server side rendering. The API is designed to be as simple as possible to avoid useless complexity and boilerplate.




react-async-component - Resolve components asynchronously, with support for code splitting and advanced server side rendering use cases

  •    Javascript

Resolve components asynchronously, with support for code splitting and advanced server side rendering use cases. This library does not require that you use either Webpack or Babel. Instead it provides you a generic and "pure" Javascript/React API which allows for the expression of lazy-loaded Components. It's Promise-based API naturally allows you to take advantage of modern code splitting APIs (e.g import(), System.import, require.ensure).

HNPWA - Hacker News readers as Progressive Web Apps

  •    CSS

Hacker News readers as Progressive Web Apps. A spiritual successor to TodoMVC.See our site or the site/apps directory for the current list of implementations.

async-reactor - Render async Stateless Functional Components in React

  •    Javascript

The returned value is a regular Component. This examples are exporting a regular React component. You can integrate it into an existing application or render it on the page.

react-router-server - Server Side Rendering library for React Router v4.

  •    Javascript

Server Side Rendering library for React Router v4. If anyone is interested in taking over this project please let me know.


haxe-modular - Haxe-JS code splitting, NPM dependencies bundling, hot-reload

  •    Haxe

Code splitting and hot-reload for Haxe JavaScript applications. Haxe has an excellent, compact and optimised JS output, but it's always a single file; even with good minification / gzip compression it can be a large payload.

mobius - Unified frontend and backend framework via lockstep execution on client/server

  •    TypeScript

An integrated framework for building web applications, where the DOM, networking, and client/server are abstracted via lockstep execution.

guide-to-async-components - 📖 Guide To JavaScript Async Components

  •    

Also known as code splitting, dynamic import (TC39 proposal), "chunks" (which are loaded on demand), "layers", "rollups", or "fragments". Async component (in React) is a technique (typically implemented as a Higher Order Component) for loading components with dynamic import.

starter-pack - Combines React, Redux, Redux-saga and TypeScript with Auth0's Lock as a starting point for modern web apps with solid authentication

  •    TypeScript

Starter Pack combines React, Redux and Redux-saga with Auth0's Lock as a starting point for modern web apps with solid authentication. Why reinvent the wheel? The app utilises Rebass to keep things looking decent. I built this as a way to quickly prototype new ideas. Webpack (ft. various loaders/plugins/tools) is used to run a local development server and build the production version. Code splitting (with long-term caching in the production version) has been set up via Webpack and React Loadable. Webpack's CommonsChunkPlugin is used to split vendor code. React Loadable is used for async component-centric code splitting and loading - see LoadableBooksPage.tsx as an example of creating a split point (restart the dev server if the new chunk is not emitted). ExtractTextPlugin is used to split CSS. HtmlWebpackPlugin is used to generate an index.html with the appropriate output assets injected, the Webpack manifest is inlined into index.html to save requests.

typescript-webpack-dynamic-import - A demo of how to use dynamic import() expressions with TypeScript and webpack

  •    TypeScript

A demo of how to use dynamic import() expressions with TypeScript and webpack. Now open http://localhost:8080/ in the browser.

react-redux-universal-boilerplate - An Universal ReactJS/Redux Boilerplate

  •    Javascript

I started this project to learn tools like React, Redux, Webpack, babeljs.io, ES6/ES2015... I did it mainly for fun. But it will be maintained and then I used it as Boilerplate for my React|Redux projects. So don't worry it works :p. It's not perfect but it works :). An Universal ReactJS/Redux Boilerplate.

react-router-animation-examples - An example using React Router and React's Animations

  •    Javascript

This project is just an example using React Router and React's Animations in a mobile context. So reduce your screen size. In this example I only use react-router but in my opinion we can't only use the router to navigate from one screen to the other. Because obviously the route will change and you'll lose the previous displayed screen. This is not always the wanted effect in a mobile application. Maybe we could combine the router with the pushing and popping techniques like React Native's Navigation or native mobile apps.

wordexpress-starter-react

  •    Javascript

Hot Module Reloading: - Replaces modules that have been changed in real time while preserving the state. Code Splitting: - Split code into bundles so that code is asynchronously loaded by the client.