Top 15 JavaScript Server-Side Rendering Projects
-
Project mention: How To Develop A Progressive Web Application On An Android Device | dev.to | 2021-12-02
This project demonstrates how to develop a Progressive Web Application (PWA) locally on an Android device, using the Quasar Framework v2.
-
react-loadable
:hourglass_flowing_sand: A higher order component for loading components with promises.
react-loadable - A higher order component for loading components with promises
-
Scout APM
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
When I go to https://markojs.com in Safari (14.1.2), the CPU load on my MacBook Air goes up above 100%. If I use the Brave browser, the CPU load is closer to 25%. Still too much.
-
It's very important that you are choosing an active project instead of a dead/unmaintained project. An active project improves over time through community feedback. An unmaintained project does not move forward, fix functional bugs or patch security issues. Sometimes, a very popular package can be abandoned and go into a "frozen" state with many open issues and pull requests. It might have been a great solution in the past, but this is a sign that we have to move on. An example is react-loadable. It was a great solution for a very long time for code-splitting in React. I totally loved it. But it's stale now with many issues and PRs since 2018 (this post is written at the end of 2021). Now, if I need to split code in React, I use loadable-components, which is in active development, becoming more popular, patches bugs reported by the community, and most importantly, solves my problems. My personal advice: choose a package that's active in the last 3-6 months, with issues that are being resolved and PRs that are being merged.
-
react-snap - Zero-configuration framework-agnostic static prerendering for SPAs
-
react-firebase-starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
GitHub
-
One of the original goals of CableReady and StimulusReflex was to work seamlessly with traditional HTTP server rendered Rails apps (pre Hotwire) without requiring significant architectural changes or forcing a proliferation of new routes, controllers, or views/partials etc... We basically wanted a way to gradually introduce robust real-time and reactive behavior into traditional Rails apps with as little friction as possible. The idea being to allow people to leverage the work that had already been done rather than forcing a rethinking of the app. I view CableReady/StimulusReflex as as: REST + RPC sprinkles + async server triggered DOM behavior.
-
-
Project mention: [AskJS] question about your monorepo workflow | reddit.com/r/javascript | 2021-10-21
b) Don't do intermediate builds at all. This is what we do for monorepo-internal packages at Uber. Basically, our framework lets you specify what parts of node_modules should be transpiled when compiling the service. So basically you just have a single compilation step and the performance cost is alleviated by leveraging babel cache. The upside of this approach is you only need one file watching daemon and you don't need to worry about BS related to intermediate compilation bugs, NPM publishing interface, etc.
-
Within the React ecosystem there are other ways to achieve the same goal, either with After.js, Razzle or React-SSR.
-
redux-connect
Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React
-
Github: https://github.com/sepehr1313/react-ssr-apollo-boilerplate
-
react-ssr-starter
🔥 ⚛️ A React boilerplate for a universal web app with a highly scalable, offline-first foundation and our focus on performance and best practices.
I previously introduced a React boilerplate using server-side rendering. Until recently I heard about SWC, in short SWC it is a javascript compiler (similar to Babel) but I am really surprised at what it does compare to Babel.
-
server
A full-stack NodeJS web development framework built on top of ExpressJS, with lots of extra goodies to make development actually fun. (by fwd)
So I came up with this: https://github.com/fwd/server
-
-
Project mention: Yiflyx - Find all you favourite movies and shows! | reddit.com/r/SideProject | 2021-04-26
Check out the project at https://github.com/AJAYK-01/Yiflyx
JavaScript Server-Side Rendering related posts
- Ask HN: Modern Alternatives to Spas
- Ask HN: Why aren’t frameworks like htmx more popular?
- Blazor and/or MVC.NET?
- Looking for Rails communities to join on Slack or Discord
- Rails Prototype replacements for Rails 6
- Building a Live Search Experience with StimulusReflex and Ruby on Rails
- Am I Principal Skinner? Complexity of front-end is just baffling to me now
Index
What are some of the best open-source Server-Side Rendering projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Quasar Framework | 19,993 |
| 2 | react-loadable | 16,225 |
| 3 | marko | 10,774 |
| 4 | loadable-components | 6,163 |
| 5 | react-snap | 4,549 |
| 6 | react-firebase-starter | 4,366 |
| 7 | stimulus_reflex | 1,925 |
| 8 | fusionjs | 1,426 |
| 9 | react-ssr | 574 |
| 10 | redux-connect | 550 |
| 11 | react-ssr-apollo-boilerplate | 17 |
| 12 | react-ssr-starter | 17 |
| 13 | server | 9 |
| 14 | react-ssr-webpack-plugin | 2 |
| 15 | Yiflyx | 0 |
Are you hiring? Post a new remote job listing for free.
