|about 18 hours ago||5 days ago|
|MIT License||MIT License|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Defining many controllers for a model for different API endpoints each requiring its own subset of fields of the model thus ensuring that DB querying is optimized and that no bandwidth is wasted serving up unnecessary data that is not to be rendered
3 projects | reddit.com/r/laravel | 12 Sep 2021
Cool, if you do go with graphql, I'd recommend vue-apollo on the client end. Combine with @vue/apollo-composable and graphql-codegen and it feels like sorcery.
Fullstack with vue CRUD frontend and graphql backend... struggling with frontend state ideas
1 project | reddit.com/r/vuejs | 23 Aug 2021
Frontend is vuejs 2 that was scaffolded with vue-clu and is a CRUD site for the backend. I planned on using vue-apollo for the frontend to easily connect to graphql backend, I was especially excited to learn that vue-apollo handles most of the state and caching and decided to try it instead of vuex for state. I've hit a couple snags though and am beginning to think that vue-apollo isn't the right way to approach this (plus their documentation leaves much to be desired). Here's where I'm at:
Top 20+ vue.js frameworks and libraries for your next project
12 projects | dev.to | 3 Aug 2021
You might have heard lots of buzz around GraphQL, and if you are interested in integrating it with Vue.js, then I would like to suggest you try Vue Apollo. The library makes use of Vue in the combination of GraphQL/Apollo for a smooth as well as a pleasant experience. To get startedClick here
Why is graphql-tag needed for Vue Apollo?
1 project | reddit.com/r/vuejs | 28 Jun 2021
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?
Fast Serverless Authentication with Next.js and PropelAuth
4 projects | dev.to | 29 Nov 2021
We will use the library SWR to fetch data, but you can also use fetch directly or a different library like axios.
Typed GraphQL with react-query & graphql-request
4 projects | dev.to | 25 Nov 2021
I have considered swr instead of react-query, as it's smaller, but they lack some fundamentals that we need. Think clear state indicators or even a (solid) solution to manage mutations.
[Advice needed] Considering my next step as a Front-end developer. Backend or UI/UX Design?
2 projects | reddit.com/r/Frontend | 20 Nov 2021
RTK is Redux Toolkit and SWR is a React hook for data fetching.
Large React Application Without State Management
2 projects | reddit.com/r/reactjs | 19 Nov 2021
On server state, you could use something like react-query or swr.
3 projects | reddit.com/r/nextjs | 15 Nov 2021
So the values are up to you; you could combine this client-side revalidation (SWR from Vercel) Note that this only works through Vercel’s hosting platform, you can't feel any difference if you test locally. Once live, you'll see a header such as "x-vercel-cache" or something like this which tells you if it's HIT, MISS or STALE (I believe).
Bad ReactJs practices to avoid
2 projects | dev.to | 14 Nov 2021
Redux & caching Most applications need a cache of some sort for server state these days. If we stick to the REST API's there are a couple of libraries that do the caching for you. For example React Query or Vercel's swr both do a good job for REST API. If we use a more modern approach with GraphQL, caching is really easy with Apollo Client. If caching is the only necessity in your app, you do not need Redux in your app at that point.
How to revalidate data on focus with SWR and React Native
3 projects | dev.to | 13 Nov 2021
But some main features like revalidateOnFocus or revalidateOnReconnect are not supported by default when developing with React Native, and this issue was already reported.
Need help making NextJS app update in real-time
1 project | reddit.com/r/nextjs | 12 Nov 2021
How to build a second brain as a software developer
11 projects | news.ycombinator.com | 11 Nov 2021
Here is my final destination after years of path work with notes saving, I been doing this for 3 months and I am extremely happy.
1/ saving Notes in markdown files on github
2/ using static site generator to create website https://github.com/shuding/nextra
3/ hosting on Vercel for free
The above is the sample site that was created with Nextra and hosted on Vercel, when you navigate on this site you would appreciate the simplicity of markdown files with good website navigation . Vercel hosted site will be updated as soon as you checkin .md file changes to github
All you need to do is clone this repo https://github.com/vercel/swr , npm install and run the site locally .
If you like the site, remove the files and replace with your own .md files , check-in into your own github repo , create Vercel account and it will pull your github repo and you Docs site is online .
State Management: Separation of Concerns
9 projects | dev.to | 11 Nov 2021
What are some alternatives?
react-query - ⚛️ Hooks for fetching, caching and updating asynchronous data in React
use-local-storage-state - React hook that persists data in localStorage
urql - The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.
react-hook-form - 📋 React Hooks for form state management and validation (Web + React Native)
Immer - Create the next immutable state by mutating the current one
next-optimized-images - 🌅 next-optimized-images automatically optimizes images used in next.js projects (jpeg, png, svg, webp and gif).
Gridsome - ⚡️ The Jamstack framework for Vue.js
Newman - Newman is a command-line collection runner for Postman
squoosh - Make images smaller using best-in-class codecs, right in the browser.
vuex - 🗃️ Centralized State Management for Vue.js.
axios - Promise based HTTP client for the browser and node.js