Requires java for one dependency to run. It is recommended to run splittable from the root directory of your project.
bundler module code-splitting commonjs es6 closure-compiler jsxA 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.
react loading async imports webpack babel-plugin server-side-rendering ssr code-splittingA highly scalable, Progressive Web Application foundation,boilerplate, with the best Developer Experience.
pwa react ssr hot-reload code-splitting seo babel srcset expressjs es7 hsts hstspreload pwa-apps webpack4React 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 ssr webpack code-splitting react-router server-side-rendering dynamic-import react-loadable react-async-component react-async-componentsResolve 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).
async-component react code-splitting webpack ssr asynchronous componentHacker 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.
hacker news progressive-web-app prpl code-splitting lighthouse hacker-news-readerThe 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 stateless functional component async code-splitting functionnal components await renderServer Side Rendering library for React Router v4. If anyone is interested in taking over this project please let me know.
webpack2 react-router code-splitting server-side-rendering ssr react reactjs react-component webpack serverLive Demo It might take a while to load if it's asleep. You must have vue-cli installed.
vue vuejs vuejs2 universal-app isomorphic hot-reload code-splitting webpack webpack2 isomorphic-applicationsNew Media foundation in Taiwan. Install node(https://nodejs.org/en/) @7.9.0 above.
react redux nodejs babel express webpack pwa service-worker code-splitting server-side-rendering bolierplate hot-module-replacementCode 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.
code-splittingAn integrated framework for building web applications, where the DOM, networking, and client/server are abstracted via lockstep execution.
framework preact isomorphic code-splitting async lockstep import websockets promise prerenderingAlso 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.
react loading async code-splitting lazy-loading lazyload lazyload-images responsive-imagesStarter 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.
redux-saga auth0-lock react auth0 redux authentication starter-kit typescript code-splitting webpackFormerly - simple, but usable Async Component loader to be used with React-Hot-Loader. Easy, universal, and could provide top results without any extra configuration.
react ssr webpack code-splitting hrm parcel-bundler server-side-rendering loader async-components react-hot-loader import async hmrA demo of how to use dynamic import() expressions with TypeScript and webpack. Now open http://localhost:8080/ in the browser.
typescript webpack import code-splittingI 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 reactjs webpack babel redux hot-reload sass cssnext css-modules starterkit boilerplate koajs karma enzyme mocha eslint code-splitting react-router starter react-helmet es2015 es2016 es2017 hot reload hmr hot-loader koa postcss ssr isomorphic universal sinon chaiThis 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.
react reactjs redux react-router react-animate webpack code-splitting starter boilerplate react-helmet es2015 es2016 es2017 babel hot reload hmr hot-loader koa postcss cssnext sass css-modules ssr isomorphic universalHot 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.
react redux hot-module-reloading server-side-rendering hmr ssr code-splitting webpack
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.