react-resolver - Async rendering & data-fetching for universal React applications.

  •        10

Async-rendering & data-fetching for universal React applications.React Resolver lets you define data requirements per-component and will handle the nested, async rendering on both the server & client for you.

https://github.com/ericclemmons/react-resolver

Tags
Implementation
License
Platform

   




Related Projects

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).

redux-connect - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React

  •    Javascript

How do you usually request data and store it to redux state? You create actions that do async jobs to load data, create reducer to save this data to redux state, then connect data to your component or container. Usually it's very similar routine tasks.

tectonic - A declarative REST data loader for React and Redux. Docs @

  •    Javascript

Never define an action for loading data again. And also, never write a reducer again. Which means no normalization of data! And no writing reselect queries! It happens automatically for you. You say what props you want within the @load decorator. The @load decorator gets the component's props, so you can use props in the router or from parents to load data.

react-native-storage - local storage wrapper for both react-native and browser

  •    Javascript

This is a local storage wrapper for both react-native(AsyncStorage) and browser(localStorage). ES6 syntax, promise for async load, fully tested with jest. You don't have to configure anything(but require react native version >= 0.13).

react-keydown - Lightweight keydown wrapper for React components

  •    Javascript

Use react-keydown as a higher-order component or decorator to pass keydown events to the wrapped component, or call methods directly via designated keys. Good for implementing keyboard navigation or other shortcuts. Consult the API & Reference Documentation or continue reading below for quick start.


react-jss - JSS integration for React.

  •    Javascript

React-JSS provides components for JSS as a layer of abstraction. JSS and the default preset are already built in! Try it out in the playground. React-JSS wraps your component with a higher-order component. It injects a classes prop, which is a simple map of rule names and generated class names. It can act both as a simple wrapping function and as an ES7 decorator.

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-native-svg-charts - 📈 One library to rule all charts for React Native 📊

  •    Javascript

A much improved decorator system has been introduced, allowing for greater flexibility and less complexity. See releases for more information. In order to not bloat this README to much we've moved some examples over to react-native-svg-charts-examples. There we will try to showcase the really cool things you can do with this library. This README will try to keep things as simple as possible so that everybody can get up and running as fast as possible.

react-lifecycles-compat - Backwards compatibility polyfill for React class components

  •    Javascript

React version 17 will deprecate several of the class component API lifecycles: componentWillMount, componentWillReceiveProps, and componentWillUpdate. (Read the Update on Async rendering blog post to learn more about why.) A couple of new lifecycles are also being added to better support async rendering mode. Typically, this type of change would require third party libraries to release a new major version in order to adhere to semver. However, the react-lifecycles-compat polyfill offers a way to use the new lifecycles with older versions of React as well (0.14.9+) so no breaking release is required. This enables shared libraries to support both older and newer versions of React simultaneously.

react-form

  •    Javascript

React Form is a lightweight framework and utility for building powerful forms in React applications.

suicrux - 🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]

  •    Javascript

Ultimate universal starter with lazy-loading, SSR and i18n. /static folder + url-loader. Everything in /static/public/ is copied to /dist/client with copy-webpack-plugin.

react-native-auto-updater - A library to manage dynamic updates to React Native apps

  •    Objective-C

Thanks everyone for using, supporting and contributing to react-native-auto-updater. In the last couple of months, we have not had time/resources to maintain this repo as we diverted our focus on our new product, Amium. As a result of that, I will not be able to resolve issues or review pull requests on this repo. Bottomline, we have stopped maintaining this repo. As for an alternative, we recommend using CodePush. At AeroFS, we're close to shipping our first React Native app. Once the app is out, we would want to send updates over the air to bypass the sluggish AppStore review process, and speed up release cycles. We've built react-native-auto-updater to do just that. It was built as a part of our 2015 Thanksgiving Hackathon.

redux-form - A Higher Order Component using react-redux to keep form state in a Redux store

  •    Javascript

redux-form works with React Redux to enable an html form in React to use Redux to store all of its state. You can play around with redux-form in these sandbox versions of the Examples.

react-decoration - A collection of decorators for React Components

  •    Javascript

Attention - In order to use react-decoration you have to use babel 5 or use this plugin for babel 6. Check this page for information. If you aren't using npm in your project, you can include reactDecoration using UMD build in the dist folder with <script> tag.

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.

fresh-async-react - Fresh 🍅 links about the coming async react revolution!!

  •    

YOU have a say on every fresh 🍅 list. This repo has no affiliation to the React team. For official communication from them, please visit the React blog and follow their Twitter updates here. Our intent is NOT to be a substitute for official communication, rather it is for early adopters sharing links to understand and try out things from the community.

react-waypoint - A React component to execute a function whenever you scroll to an element.

  •    Javascript

A React component to execute a function whenever you scroll to an element. Works in all containers that can scroll, including the window. React Waypoint can be used to build features like lazy loading content, infinite scroll, scrollspies, or docking elements to the viewport on scroll.

react-shimmer - 🌠 React <img> component that simulates a shimmer effect while loading.

  •    Javascript

A powerful, customisable, <img> component that simulates a shimmer effect while loading. (with zero dependencies!) Currently compatible with React, but RN compatibility is also on the way. Feel free to send PRs.

react-server - :rocket: Blazing fast page load and seamless navigation.

  •    Javascript

React framework with server render for blazing fast page load and seamless transitions between pages in the browser. That hooks you up with react-server-cli, which will take care of the server part and get you up and running right away.