Build blazing fast, modern apps and websites with ReactProject mention: How I built a Theme Switcher based on Singapore attractions | dev.to | 2021-07-23
As Max's website uses Eleventy while mine is built with Gatsby, the guide below will vary in implementation.
Prettier is an opinionated code formatter.Project mention: My Very First App | reddit.com/r/reactjs | 2021-07-23
Prettier with autoformatting on save is must have, code looks better and easer to read (and helps to avoid lots of problems, working in a team with programmers who have different codestyle)
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.
🚀 Open source Node.js Headless CMS to easily build customisable APIsProject mention: How to Build a To-do app with Svelte, Strapi & Tailwind CSS | dev.to | 2021-07-22
API server module for Node/ExpressProject mention: Ask HN: What Back End Framework with User Management Is Your Favorite? | news.ycombinator.com | 2021-06-29
I am curious what backend framework you would choose to run with for prototyping an application with run of the mill user management requirements. That is functionality along the lines of: session management, password policies, password reset, user verifications, etc.
Sadly it seems there really aren't any frameworks that have user management natively supported. The only one I am aware of is [Parse Server](https://github.com/parse-community/parse-server), however it is now somewhat dated and the community is seems to be diminishing. I am also aware there are many libraries that handle this sort of thing which can be added to a more vanilla framework. If no framework comes to mind I am curious what are your favorite libraries for said use case? Any language works.
Lastly, more generically, what tools / frameworks / libraries / solutions did you use in the last web app you made to facilitate not having to recreate the mundane?
Thanks for your input!
The Open Source API Client and Design Platform for GraphQL, REST and gRPCProject mention: Insomnia - transform Collection to Document. | dev.to | 2021-07-20
However, I came across one problem: how to transform one project type into another. A built-in feature is nowhere to be found. So, the first thing I did was create a ticket to support. The answer came in immediately (big thanks to Insomnia's support). Next, following the support’s suggestion, I created the issue on Github. But…I needed solutions for that moment. Thus, I compared two import files and found certain differences, the result of which I‘m presenting the instructions below.
Reaction is an API-first, headless commerce platform built using Node.js, React, GraphQL. Deployed via Docker and Kubernetes.Project mention: Best Node Js E Commerce Frameworks | reddit.com/r/node | 2021-03-08
https://reactioncommerce.com/ always looked promising to me.
DataLoader is a generic utility to be used as part of your application's data fetching layer to provide a consistent API over various backends and reduce requests to those backends via batching and caching.Project mention: Do resolvers cause a lot of extra database transactions? | reddit.com/r/graphql | 2021-06-30
What you are looking for is dataloader.
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Simple, powerful online communities.Project mention: Show HN: GraphCDN, the GraphQL CDN with edge caching and analytics | news.ycombinator.com | 2021-06-17
When I built my last startup, Spectrum, we spent months building custom caching for our GraphQL API from scratch. It never worked well enough to alleviate our scaling troubles as we could only cache data for unauthenticated users since we had no invalidation. (since we open sourced it all before GitHub acquired us, you can even read through my terrible code)
When Tim told me he had built a prototype of a CDN specifically for caching GraphQL query results with proper invalidation, my first thought was: "Finally!" Not only had he made it possible to cache POST requests (which GraphQL requests usually are), he had made it possible to purge cached query results per specific GraphQL object. For example, when a user edits their name the API can call a purgeUser(id: $ID) mutation and any cached query result that contains that user's data is invalidated.
GraphCDN is based on Fastly [email protected] under the hood, which is really the main reason we were able to spin this up so quickly. Huge shoutout to the folks building that!
We'll be around all day to answer any questions you have about GraphCDN — ask us anything!
Bringing full-stack to the Jamstack.Project mention: a history of hosting redwoodJS: how the universal deployment machine was built | dev.to | 2021-06-02
RedwoodJS was originally architected to run as a static frontend deployed on a CDN that sends requests to a serverless GraphQL handler. The GraphQL handler was first deployed on AWS Lambda via Netlify Functions. Despite all the jargon in the previous description, you can forget about most of those terms with the notable exceptions of frontend and GraphQL.
🌋 A toolkit to quickly build apps with React, GraphQL & MeteorProject mention: How the State of JS/CSS Surveys Are Run | dev.to | 2021-03-24
⚡️ The Jamstack framework for Vue.jsProject mention: How We Implemented Fault Tolerant Hosting For ERPNext | dev.to | 2021-07-23
Our Front end is Using React with Gatsby and Netlify Functions. The Reason for Using Gatsby is it's Performance , SEO and Automated Splitting is built into framework which makes it perfect for Creating High Performant Pages. If you are a Vue Fan then you can use Gridsome. At Front end We take Information through Form , Verify it and Then Call a Function that queue the site creation process. Now our backend Part Comes in.
🚀 Apollo/GraphQL integration for VueJSProject mention: Why is graphql-tag needed for Vue Apollo? | reddit.com/r/vuejs | 2021-06-28
I'm learning GraphQL and every tutorial/vid I look at in relation to using Apollo with Vue seems to involve this other package, graphql-tag. But no one ever seems to explain why it's needed, and it's not listed as a dependency of Vue Apollo. So can anyone tell me precisely why graphql-tag is needed, and whether Apollo can work with Vue without it? Essentially, is it required (and if so why isn't it listed as an Apollo dependency?) or optional?
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
And the actual tool: https://github.com/hasura/graphqurl
A constantly evolving and thoughtful architecture for creating static blogs.Project mention: [TASK] Help needed with SSL_ERROR_ILLEGAL_PARAMETER_ALERT error on React website | reddit.com/r/slavelabour | 2021-04-22
The blog is based on this theme: https://github.com/alxshelepenok/gatsby-starter-lumen
graphql-hooks is downloaded 6K times monthly on npm to go along with 1.5K stars on GitHub.
A full featured Live Chat, Support & Marketing platform, alternative to Intercom, Drift, Crisp, etc ...Project mention: Building a customer support solution focused on video calls | reddit.com/r/selfhosted | 2021-04-30
- Try https://github.com/chaskiq/chaskiq and see what we can do with it. My concern with it, is that it might not be "enterprise ready" in terms of reliability and security
Get a full fake GraphQL API with zero coding in less than 30 seconds.Project mention: What if LinkedIn was beautiful? | dev.to | 2021-03-19
Before jumping into the interface, the first task in my To-Do list was to create an API able to serve the data in the structure that I would need them. I didn't need to create it from scratch using a real database since it wouldn't be necessary to insert/update or delete any data — I just needed an API returning all the data that I would use. To achieve that, I used the awesome package json-graphql-server which does an amazing job creating a GraphQL API with static data that can be stored in a simple JSON file on the server — I just realize that the package name does a pretty good job describing it.
Middleware and an Upload scalar to add support for GraphQL multipart requests (file uploads via queries and mutations) to various Node.js GraphQL servers.Project mention: What are your thoughts on Next/Apollo/Prisma stack? Should I use it for my project (see details in the description)? Can you share some advice? | reddit.com/r/webdev | 2021-05-14
For file-uploads there is https://github.com/jaydenseric/graphql-upload. Usually at scale you would use a service such as S3 for storing the files. IMHO, proxying the files through the GraphQL server is a big performance penalty. Therefore I would rather recommen uploading to the file storage directly from the client, e.g. by issuing a pre-singed upload url that can be requested via a GraphQL mutation.
Create Ethereum-powered apps with one commandProject mention: Front-end dApp templates with basic boilerplate taken care of? | reddit.com/r/ethdev | 2021-06-30
Implement GraphQL servers and gateways with FastifyProject mention: Test GraphQL API's easily | dev.to | 2021-07-20
I'll give you a brief introduction to today's example. I made an Api using Fastify and mercurius (formerly fastify-gql), this because it already has support for async middleware support and is quite simple to configure. In addition, axios is used to make http requests to the jsonplaceholder Api to get a user and posts from that same user.
A GraphQL schema and server wrapping SWAPI.Project mention: SWAPI GraphQL Demo | dev.to | 2021-06-05
Before getting started we need to find a working GraphQL SWAPI endpoint. The official repo is only for setting up our own server (which is nice to have), but if we don't want to set up a demo server, then we need a ready to use endpoint.