We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
react-engine - a composite render engine for universal (isomorphic) express apps to render both plain react views and react-router views
- 25
Pass in a JavaScript object as options to the react-engine's server engine create method. The options object should contain the mandatory routes property with the route definition.routesFilePath:
| Tags | react render render-engine react-router view-engine express jsx |
| Implementation | Javascript |
| License | Apache |
| Platform | OS-Independent |
Related Projects
express-react-views - This is an Express view engine which renders React components on server
This is an Express view engine which renders React components on server. It renders static markup and does not support mounting those views on the client.This is intended to be used as a replacement for existing server-side view solutions, like jade, ejs, or handlebars.
express view-engine reactreactGo - Your One-Stop solution for a full-stack universal Redux App!
Redux Predictive state containers. Server-side rendering with React Router 3.x. Having server-side rendering allows you to pre-render the initial state of your components when a user (or search engine crawler) requests a page.
full-stack redux react react-router universal webpackngReactGrid - A really fast Angular grid using the power of React to render
NOTE: Active development of this project has stopped. All new development is being done on the https://github.com/josebalius/react-grid project which will contain most of ngReactGrid's functionality with adapters for Angular 1.x, 2.x and KnockoutJS. ngReactGrid is an Angular directive that can be used to render an enhanced HTML table or grid of data very fast using React as the rendering engine.
Render - Swift and UIKit a la React.
Render is a declarative library for building efficient UIs on iOS inspired by React. [The framework] lets us write our UIs as pure function of their states.
react uikit uiview elm-architecture unidirectional-data-flow layout-engine ios virtual-dom reconciliation internal-statesjsx-control-statements - Neater If and For for React JSX
JSX-Control-Statements is a Babel plugin that extends JSX to add basic control statements: conditionals and loops. It does so by transforming component-like control statements to their JavaScript counterparts - e.g. <If condition={condition()}>Hello World!</If> becomes condition() ? 'Hello World!' : null. Developers coming to React from using JavaScript templating libraries like Handlebars are often surprised that there's no built-in looping or conditional syntax. This is by design - JSX by is not a templating library, it's declarative syntactic sugar over functional JavaScript expressions. JSX Control Statements follows the same principle - it provides a component-like syntax that keeps your render functions neat and readable, but desugars into clean, readable JavaScript.
react jsx babel babel-plugin if else for each loop react-componentreact-server-routing-example - An example using universal client/server routing and data in React with AWS DynamoDB
A simple (no compile) example of how to do universal server/browser rendering, routing and data fetching with React and AWS DynamoDB for fast page loads, and search-engine-friendly progressively-enhanced pages.Also known as isomorphic, this approach shares as much browser and server code as possible and allows single-page apps to also render on the server. All React components, as well as router.js and db.js are shared (using browserify) and data fetching needs are declared statically on each component.
react reactjs server server-side routing dataG3D - A pure 3D render engine compatible with webgl, running both in browser and gcanvas.
G3D is a javascript 3D engine based on WebGL. Compared with other WebGL 3D engines, G3D is a pure render engine, which means it depends on no DOM APIs but just a canvas(or canvas-like) object. This feature makes it possible that G3D works not only in browser but also in some hybrid environments like GCanvas (Weex or ReactNative). See website for more information.
webgl gcanvas hybrid weex react-native 3dReactJS.NET - A .NET library for JSX compilation and server-side rendering of React components
ReactJS.NET is a library that makes it easier to use Babel along with Facebook's React and JSX from C#. Its features include On-the-fly JSX to JavaScript compilation, JSX to JavaScript compilation via popular minification / combination libraries, Server-side component rendering to make your initial render super-fast,
react-tools react-library javascript-frameworkReactScriptLoader - A library for creating React components that depend on external scripts.
ReactScriptLoader simplifies creating React components whose rendering depends on dynamically loaded scripts. It can be used for lazily loading heavy scripts but it's especially useful for loading components that rely on 3rd party scripts, such as Google Maps or Stripe Checkout. React apps are typically single-page apps that are rendered client-side in Javascript. When loading a site built with React, the browser typically pre-loads the javascript necessary to render the site's React components so that they can be rendered with no latency. This works well for sites that serve a relatively small amount of javascript from their own servers in a single bundle. However, in some situations pre-loading all the scripts necessary to render the site's components is impractial. For example, a site may have a Map component that relies on a dynamically loaded 3rd party library to render itself. It may be possible to delay rendering the app until the third party library is finished loading but doing so would make the site feel unnecessarily sluggish. It's a much better strategy to first render the page with a placeholder for the map and asynchronously render the map once the third party library has loaded. Deferring the loading of the external script is even more important when the map component isn't rendered right away but is only revealed after user interaction.
react.backbone - Plugin for React to make Backbone migration easier
Plugin for React to make Backbone integration easier. Initialize your component with a Backbone.Model or Backbone.Collection; when the model or collection changes, #render will be called. React.Backbone also plays nicely with Backbone.Collection. Anytime the add, remove, reset or sort events are triggered the component will re-render.
react backbone reactjs jsx react.backbonego-starter-kit - Golang isomorphic react/hot reloadable/redux/css-modules starter kit
This project contains a quick starter kit for Facebook React Single Page Apps with Golang server side render via goja javascript engine, implemented in pure Golang and also with a set of useful features for rapid development of efficient applications.Note that probably not works at windows.
react redux isomorphic universal server-side-rendering components browserreact-native-render-html - iOS/Android pure javascript react-native component that renders your HTML into 100% native views
An iOS/Android pure javascript react-native component that renders your HTML into 100% native views. It's made to be extremely customizable and easy to use and aims at being able to render anything you throw at it. Based on the original work of Thomas Beverley, props to him.
react-native render html styling css customizable ios android react-component react-native-component render-htmlReact - JavaScript library for building user interfaces
React is a JavaScript library for building user interfaces. Lots of people use React as the V in MVC. React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. React can also render on the server using Node and power mobile apps using React Native.
front-end-framework jquery-alternative javascript-framework ui-framework user-interface virtual-domreact-isomorphic-video-game-search - An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API
An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API. An excuse to share my research and get feedback as I prepare to launch a large React-powered app.
react reflux isomorphic progressive-web-app universal universal-react-tutorial flux express react-router-component demo video games superagentink - 🌈 React for interactive command-line apps
React for CLIs. Build and test your CLI output using components. Ink's goal is to provide the same component-based UI building experience that React provides, but for command-line apps. That's why it tries to implement the minimum required functionality of React. If you are already familiar with React (or Preact, since Ink borrows a few ideas from it), you already know Ink.
react cli command-line interactive jsx stdout components preact redux print render colors textreact-values - A set of tiny React components for handling state with render props.
A set of tiny, composable React components for handling state with render props. It does this using a small render-prop-based API that exposes helpful transforms like toggle, increment, filter, etc. depending on the type of value, all based on JavaScripts native value types...
react components state-management render-props headless boolean component date map mobx number prop props redux render renderless set state stateful string type types value valuesreact-art - React Bridge to the ART Drawing Library
React ART is a JavaScript library for drawing vector graphics using React. It provides declarative and reactive bindings to the ART library. Using the same declarative API you can render the output to either Canvas, SVG or VML (IE8).
react art svg vml canvas jsxreact-tunnels - 🚇 Render React components in placeholders that are placed somewhere else in the component tree
Render React components in placeholders that are placed somewhere else in the component tree. There is a common use case in React apps where you want to define a Layout where the content of some elements is defined by children components. For example, you want to define Layout just once and reuse it for every page but it has a breadcrumb whose steps depend on children components. This tiny library allows you to define tunnels to render from an element to whatever another element in the App, even elements located on top of the tree. It's like Portal but the target is a component instead of a DOM element.
react tunnels react-tunnels inverse-rendering components breadcrumbs portalsformsy-react-components - A set of React JS components for use in a formsy-react form
formsy-react-components is a selection of React components that render form elements for use in a formsy-react form. The components render markup to be quickly included in a Bootstrap 3 form. This includes a <label>, help text, and some validation styling tied to formsy’s validation state and validation messages.
bootstrap form-controls react-component react-components react formsy-react
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.
