Core concept is done, currently writing the MVP compiler.
https://github.com/alephjs/alef-componentTags | typescript reactive web-performance jsx ssr aot-compilation web-framework server-side-rendering alephjs zero-runtime |
Implementation | Rust |
License | MIT |
Platform | Windows Linux |
Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
angular universal angular-cli seed starter isomorphic server-side-rendering hmr ngrx state scss lazy-loading config cache i18n seo aot webpack typescriptReactJS.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-frameworkThe Full-stack Framework in Deno.
react components framework typescript ssr swc fullstack esm ssg deno alephjsPre-renders web app into static HTML. Uses headless chrome to crawl all available links starting from the root. Heavily inspired by prep and react-snapshot, but written from scratch. Uses best practices to get best loading performance. Zero configuration is the main feature. You do not need to worry how does it work or how to configure it. But if you are curious here are details.
zero-configuration prerender ssr seo static-site-generator react vue server-side-renderingThis project introduces how to implement SSR, SPA, and PWA. This project shows several implementations like below.
react graphql babel typescript spa webpack pwa apollo styled-components redux-saga ssr server-side-rendering loadable-componentsNext.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
react server-rendering universal node components browser nextjs server-side-javascript ssg static-site-generator vercelStencil is a simple compiler for generating Web Components and progressive web apps (PWA). Stencil was built by the Ionic Framework team for its next generation of performant mobile and desktop Web Components. Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. It takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that runs on both modern browsers and legacy browsers back to Internet Explorer 11.
webcomponents pwa progressive-web-app custom-elements typescript stencil stenciljs ionic web-components components webappReakit helps to build accessible rich web apps with React. It is a lower level component library for building accessible high level UI libraries, design systems and applications with React. It strictly follows WAI-ARIA 1.1 standards and provides many of the widgets described in WAI-ARIA Authoring Practices like Button, Dialog, Tab and others. It has been built with composition in mind. In fact, its own components are composed by a few other abstract ones, like Role, Tabbable and Composite.
react components accessibility reactjs a11y accessible wai-aria hacktoberfest react-component ssr server-side-renderingVidom is just a library to build UI. It's highly inspired from React and based on the same ideas. Its main goal is to provide as fast as possible lightweight implementation with API similar to React. Try live playground to play with Vidom in your browser.
vidom isomorphism ui react jsx virtual-dom reactive server-side-rendering virtual dom component ssrMantine is a fully featured React components library includes more than 120 customizable components and 40+ hooks to manage state and UI management. Mantine core library includes all essential components: inputs, buttons, modals, popovers, typography elements, layout management, etc.
react-components react-library react hooks typescript accessibility uikit a11y design-systemAngular 4+ server-side rendering solution compatible with @angular/material, jQuery, and other libraries that touch the DOM (as well as providing a rich feature set!)
ssr nodejs isomorphic angular-material angular-material2 cli server-side-rendering server-rendering angular4 angular angular-cli ng ng4 node rangle renderingVue.js Meta Framework to create complex, fast & universal web applications quickly. Learn more at nuxtjs.org.
framework isomorphic universal vue ssr nuxt web-app vuex vue-router server-rendering nuxt.js nuxtjs vue.js vuejs vue-universal vue-ssr vue-server-side vue-isomorphic vue-versatileRendora can be seen as a reverse HTTP proxy server sitting between your backend server (e.g. Node.js/Express.js, Python/Django, etc...) and potentially your frontend proxy server (e.g. nginx, traefik, apache, etc...) or even directly to the outside world that does actually nothing but transporting requests and responses as they are except when it detects whitelisted requests according to the config. In that case, Rendora instructs a headless Chrome instance to request and render the corresponding page and then return the server-side rendered page back to the client (i.e. the frontend proxy server or the outside world). This simple functionality makes Rendora a powerful dynamic renderer without actually changing anything in both frontend and backend code. Dynamic rendering means that the server provides server-side rendered HTML to web crawlers such as GoogleBot and BingBot and at the same time provides the typical initial HTML to normal users in order to be rendered at the client side. Dynamic rendering is meant to improve SEO for websites written in modern javascript frameworks like React, Vue, Angular, etc...
ssr react vue angular reactjs vuejs chrome-headless chrome-devtools seo seo-optimization server-side-rendering dynamic-rendering spa crawler puppeteerReact Apollo allows you to fetch data from your GraphQL server and use it in building complex and reactive UIs using the React framework. React Apollo may be used in any context that React may be used. In the browser, in React Native, or in Node.js when you want to server side render.React Apollo unlike many other tools in the React ecosystem requires no complex build setup to get up and running. As long as you have a GraphQL server you can get started building out your application with React immediately. React Apollo works out of the box with both create-react-app and React Native with a single install and with no extra hassle configuring Babel or other JavaScript tools.
react graphql ssr redux ecmascript es2015 jsnext relay npmA 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-frameworkA simple middleware-style router that can be used in both client-side (e.g. React, Vue.js) and server-side applications (e.g. Node.js/Express, Koa).Play with an example on JSFiddle, CodePen, JS Bin in your browser or try RunKit node.js playground.
react reactjs routing router routes spa single-page-app ssr server-side-rendering vuejs react-component route fluxRemote Browser is a library for controlling web browsers like Chrome and Firefox programmatically using JavaScript. You've likely heard of similar browser automation frameworks before, such as Puppeteer and Selenium. Much like these other projects, Remote Browser can be used to accomplish a wide variety of tasks relating to UI testing, Server Side Rendering (SSR), and web scraping. What makes Remote Browser different from these other libraries is that it's built using standard cross-browser compatible technologies, and its primary goal is to facilitate interactions with existing APIs rather than to create a new one of its own. Remote Browser provides a minimalistic and lightweight framework for automating browsers using vanilla JavaScript, HTML browsing contexts, and the Web Extensions API. If you're already familiar with these technologies, then you already know almost everything that you need to use Remote Browser. If not, then there are vast learning resources out there, like The Mozilla Developer Network (MDN), which can get you up to speed in no time. Be sure to check out the Introduction, the Interactive Tour, and Usage Examples to learn about how Remote Browser makes it easy to use these technologies.
React server-side rendering optimization with component memoization and templatization
react-server server-optimization rendering-optimizations component-memoization html-markup isomorphic universal-react optimization react-server-render react-rendering react server-side memoization templatization cache cachingAnt Design is an enterprise-class UI design language and React UI library. It provides plenty of UI components to enrich your web applications, and we will improve components experience consistently. It supports Server side rendering, Theme customization, Internationalization support and lot more.
react-framework css react ui-kit ui-design react-components antd design-systems frontend ant-design ant design react-component component components ui framework
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.