foxhound87 / Rfx Stack
Licence: mit
RFX Stack - Universal App
Stars: ✭ 427
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Rfx Stack
Celestite
Beautifully reactive, server-side rendered Svelte apps w/ a Crystal backend
Stars: ✭ 185 (-56.67%)
Mutual labels: universal, ssr
Cra Universal
🌏 Create React App companion for universal app. No eject, auto SSR, zero config, full HMR, and more (inactive project)
Stars: ✭ 419 (-1.87%)
Mutual labels: universal, ssr
Next Routes
Universal dynamic routes for Next.js
Stars: ✭ 2,354 (+451.29%)
Mutual labels: universal, ssr
Uvue
Vue CLI plugin to create universal Vue applications with ease
Stars: ✭ 119 (-72.13%)
Mutual labels: universal, ssr
webpack-isomorphic-compiler
A compiler that makes your life easier if you are building isomorphic webpack powered apps, that is, single page applications with server-side rendering
Stars: ✭ 16 (-96.25%)
Mutual labels: universal, ssr
Angular9 Example App
Angular 13 Example App + Angular CLI + i18n + GraphQL
Stars: ✭ 1,769 (+314.29%)
Mutual labels: universal, ssr
Beidou
🌌 Isomorphic framework for server-rendered React apps
Stars: ✭ 2,726 (+538.41%)
Mutual labels: universal, ssr
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-79.86%)
Mutual labels: universal, ssr
react-ssr-starter
📚 Featuring Webpack 4, React 17-18, SSR, HMR, prefetching, universal lazy-loading, and more
Stars: ✭ 18 (-95.78%)
Mutual labels: universal, ssr
react-coat-ssr-demo
Demo with Typescript + React + Redux for server-side-rendering (SSR)
Stars: ✭ 100 (-76.58%)
Mutual labels: mobx, ssr
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✭ 117 (-72.6%)
Mutual labels: universal, ssr
React Coat
Structured React + Redux with Typescript and support for isomorphic rendering beautifully(SSR)
Stars: ✭ 290 (-32.08%)
Mutual labels: ssr, mobx
Koa React Universal
lightweight React-Koa2 universal boilerplate, only what is essential
Stars: ✭ 112 (-73.77%)
Mutual labels: universal, ssr
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+329.27%)
Mutual labels: universal, ssr
Aspnetcore Angular Universal
ASP.NET Core & Angular Universal advanced starter - PWA w/ server-side rendering for SEO, Bootstrap, i18n internationalization, TypeScript, unit testing, WebAPI REST setup, SignalR, Swagger docs, and more! By @TrilonIO
Stars: ✭ 1,455 (+240.75%)
Mutual labels: universal, ssr
Firebase Functions Next Example
Host a Next.js SSR React app on Cloud Functions for Firebase with Firebase Hosting
Stars: ✭ 215 (-49.65%)
Mutual labels: universal, ssr
Suicrux
🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]
Stars: ✭ 958 (+124.36%)
Mutual labels: universal, ssr
Universal Nest
Nest + Angular Universal = ❤️ by @TrilonIO
Stars: ✭ 258 (-39.58%)
Mutual labels: universal, ssr
RFX Stack
Universal App featuring:
React + Feathers + MobX
Changelog & Documentation
See the Changelog or the Documentation for all the details.
Main Features
- Hot-Reloadable MobX Stores
- Action Dispatcher for Stateless Components
- Server Side Rendering (SSR)
- Reactive UI & Media Queries
- React Hot Loader 3
- React Stateless Components
- Isomorphic Fetch/Socket
- Multi Platform Ready
- Real Time Ready
- Microservices Ready
- Functional & Modular CSS
- Webpack 2 w/ code-splitting
Main Libs
| Name | Description | ||
|---|---|---|---|
| react | View Layer | GitHub ➜ | NPM ➜ |
| react-router | Routing | GitHub ➜ | NPM ➜ |
| mobx | State Management | GitHub ➜ | NPM ➜ |
| feathers | Server, CRUD & Data Transport | GitHub ➜ | NPM ➜ |
| postcss | Styling | GitHub ➜ | NPM ➜ |
| browser-sync | Live Browser Syncing | GitHub ➜ | NPM ➜ |
| mobx-react-form | Forms Management | GitHub ➜ | NPM ➜ |
| babel | Javascript Transpiler | GitHub ➜ | NPM ➜ |
| webpack 2 | Javascript Bundler | GitHub ➜ | NPM ➜ |
| eslint | Code Linter | GitHub ➜ | NPM ➜ |
| eslint-config-airbnb | Code Style Guide & Rules | GitHub ➜ | NPM ➜ |
| electron | Cross platform desktop app | GitHub ➜ | Website ➜ |
Quick Setup
Run a local MongoDB instance (port 27017) before start the server. Install MongoDB
ENV: Development
npm install
Run each script in different terminals.
npm run api:dev
npm run web:dev
Run the seed app or the web app after the api app is running.
npm run seed:dev
ENV: Production
npm install
Build
npm run build:client:web
npm run build:server:web
npm run build:server:api
Run
npm run api:prod
npm run web:prod
Electron App
Click here to see how to setup the electron app
Getting started with RFX Stack
- Ten minute introduction to MobX and React
- State Management and Hydration with MobX for SSR
- Functional CSS - The Good, The Bad, and Some Protips for React.js Users
- Feathers API service composition with hooks
Credits
Thanks to Eric John Juta for his contribution about the Hot-Reloadable MobX Stores implementation.
Contributing
If you like this stack, don't forget to star the repo!
If you want to contribute to the development, do not hesitate to fork the repo and send pull requests.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].