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 |
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 reactA universal React-compatible render engine. Rax is a universal JavaScript library with a largely React-compatible API. If you use React, you already know how to use Rax. Its features include zero configuration, Progressive Web App(PWA), Server-Side Rendering(SSR) and Function as a service(FaaS) can be used out of the box.
weex react universal vdom redux webvr vr mobile react-frameworkRedux 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 webpackNOTE: 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 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 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-componentG3D 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 3dA 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 dataReactJS.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-frameworkPlugin 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.backboneReactScriptLoader 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.
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 browserAn 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-htmlgoogle-map-react is a component written over a small set of the Google Maps API. It allows you to render any React component on the Google Map. It is fully isomorphic and can render on a server. Additionally, it can render map components in the browser even if the Google Maps API is not loaded. It uses an internal, tweakable hover algorithm - every object on the map can be hovered. The development of this package is sponsored by Atlist. Atlist is a no-code tool for creating custom maps with multiple markers.
react map google component maps reactjs isomorphic render react-componentReact 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-domAn 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 superagentReact 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 textA React Hook, HOC, and Render Props solution for managing state in URL query parameters with easy serialization. Works with React Router and Reach Router out of the box. TypeScript supported.
react url hooks query reactjs querystring queryparams query-parameters react-hooksA 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 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 jsx
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.