The Intuitive Vue FrameworkProject mention: How do you guys keep both Google bots and their users happy? | reddit.com/r/webdev | 2021-12-05
If you're using Vue, switch to NuxtJS. It's a Server Side Rendering (SSR) framework for Vue.
Quasar Framework - Build high-performance VueJS user interfaces in record timeProject 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.
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.
:hourglass_flowing_sand: A higher order component for loading components with promises.Project mention: Awesome React Resources | dev.to | 2021-12-04
react-loadable - A higher order component for loading components with promises
Internationalization for react done right. Using the i18next i18n ecosystem.Project mention: What are some issues with using React/Redux? | reddit.com/r/reactjs | 2021-11-30
Formats: Yeah you'd be better of keeping formating and what not handled by your chosen internationalisation library but when I first started its just one of the things i elected to put into the redux store. Benifits to keeping it in the store include allowing me to handle all date input fields format changes in one place instead of managing it in every component.
The recommended Code Splitting library for React ✂️✨Project mention: How to choose a third party package | dev.to | 2021-12-04
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.
👻 Zero-configuration framework-agnostic static prerendering for SPAsProject mention: React Libraries | dev.to | 2021-12-07
react-snap - Zero-configuration framework-agnostic static prerendering for SPAs
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and RelayProject mention: 12+ React Boilerplates & Starter Kits For Developers In 2021 | dev.to | 2021-05-11
Run Linux Software Faster and Safer than Linux with Unikernels.
:rocket: Blazing fast page load and seamless navigation.
🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar APIProject mention: Zero runtime CSS-in-JS : Is this where great DX meets top-notch Web Performance? (sharing our experience) | reddit.com/r/reactjs | 2021-11-19
Consider adding Goober too to the mix.
The flexible, and fast router for react that is entirely based on hooks
Resolve components asynchronously, with support for code splitting and advanced server side rendering use cases.Project mention: Show HN: Django and React SaaS boilerplate tutorial | news.ycombinator.com | 2020-12-23
I've spent many years working on django including production setups for 3 different companies. My strong advice is to only use Django for API calls (DRF) and the built in admin UI. Do not use Django for ANY client facing static site rendering.
1. Deploy the React static pages and JS/CSS resources completely separately from Django. Cloudfront/S3 is my personal choice. You will need to tweak the CORS_ORIGIN_WHITELIST and CORS_ALLOW_HEADERS in the django settings but that's relatively easy.
2. Use Gatsy or something similar to help you with static site generation using react. Remember: React is in charge of HTML/JS/CSS of any type and Django should not get involved.
3. Use https://github.com/ctrlplusb/react-async-component or something similar to help break up your SPA so the browser doesn't have to load all of it at once and only loads smaller components on an as needed basis.
Don't mess with webpack and eject unless you have a very specialized need that cannot be addressed with everything out there.
Edge-rendered React framework built for Cloudflare Workers
Improve the debugging experience and add server-side rendering support to styled-componentsProject mention: Using styled-components with SWC compiler? | reddit.com/r/reactjs | 2021-08-01
Unfortunately, one thing keeps me from fully migrating to SWC: it replaces Babel, but it seems to have no alternative for babel-plugin-styled-components, which is crucial for my work (I use server-side rendering for styles and want to have readable names for debugging).
Sitemap Module for NuxtProject mention: Working With Sitemaps in Nuxt.js | dev.to | 2021-09-28
Hey to everyone reading this! In this article, I’d like to investigate the different options of creating sitemaps in Nuxt using the sitemap module.
Edge-side rendering and fullstack Vite frameworkProject mention: What do you guys prefer to use with Laravel. React, Vue or Blade ; | reddit.com/r/laravel | 2021-10-13
Vue isn't incompatible with caching, but it admittedly does need a fancier cache that runs workers: https://github.com/frandiox/vitedge is one example of such an edge-optimized thing.
Modern file uploading - components & hooks for ReactProject mention: React Libraries | dev.to | 2021-12-07
react-uploady - Modern file-upload components & hooks for React.
:fire: Hot reload webpack bundles on the serverProject mention: Meteor with Webpack in 2018 — Faster compilation and better source handling | dev.to | 2021-07-29
Also, you can use HMR for server side. Meteor-Webpack supports webpack-hot-server-middleware , that replaces changed modules on your server without restarting all Meteor server. This also provides a lot of benefits on development.
Relay Modern Network Layer with middlewares — cache, auth, retry, batch, logger, SSRProject mention: Graphql Clients with Axios-like interceptors | reddit.com/r/graphql | 2021-03-27
Relay: Since relay uses a custom fetchGraphQL function, you have access to all the header information. But I suspect what you're really looking for is something like the authMiddleware in react-relay-network-modern which does an accessToken refresh and query refetch when the token is expired.
Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting, testing within 5 minutesProject mention: Project Structure. Repository and folders. Review of approaches. | dev.to | 2021-02-17
The folder structure reflected the approach of separating features from views, much like the example.
Makes it possible to use DOMPurify on server and client in the same way.Project mention: Install an older version of an npm package | reddit.com/r/reactjs | 2021-11-03
Probably due to this issue.
RBAC for SapperProject mention: Protect routes in SvelteKit? | reddit.com/r/sveltejs | 2021-04-11
I've used https://github.com/beyonk-adventures/sapper-rbac for a project and it worked great! I've used it with JWT tokens too so you should be able to set it up.
28 projects | dev.to | 7 Dec 2021
How do you guys keep both Google bots and their users happy?
2 projects | reddit.com/r/webdev | 5 Dec 2021
How to choose a third party package
6 projects | dev.to | 4 Dec 2021
What are some issues with using React/Redux?
6 projects | reddit.com/r/reactjs | 30 Nov 2021
The Birth of PoemKit: React Toolkit for Building a Marvelous Website From Scratch
2 projects | dev.to | 12 Nov 2021
fastify-vite: Fastify plugin for Vite integration
What do you guys prefer to use with Laravel. React, Vue or Blade ;
3 projects | reddit.com/r/laravel | 13 Oct 2021
Are you hiring? Post a new remote job listing for free.