petite-vue
react-18
Our great sponsors
petite-vue | react-18 | |
---|---|---|
67 | 139 | |
8,698 | 5,173 | |
1.7% | 0.2% | |
0.0 | 0.0 | |
2 months ago | almost 3 years ago | |
TypeScript | ||
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.
petite-vue
- Best No-Code/Low-Code Frontend Builder
-
Show HN: A Lightweight 1.7KB JavaScript Framework
Something similar: https://github.com/vuejs/petite-vue (6kb subset of Vue) but the project seems abandoned.
-
Vue Developers, What Makes It Your Choice?
I started with petite-vue because Vue seemed too large of a file size for my simple projects. Wanting to use Vue but after reading some of the comments, I might go with Svelte.
-
Alpine.js
If you know (and like) Vue, look at petite-vue as an alternative.
“petite-vue is indeed intended to fill the gap for progressive enhancement cases where Vue 3 would be too heavy-handed.
It is not abandoned, but rather it is considered "done" because the scope is well defined. I don't think it needs more features (as that would defeat the purpose of being lean and minimal). If you find yourself needing more than what petite-vue provides, you can either go up to Vue proper, or try https://alpinejs.dev/.
That said, I should update the README to indicate this more clearly.”
Github discussion: https://github.com/vuejs/petite-vue/discussions/53
-
Vue SFC's with C# MVC project?
You might consider doing as much as possible in Razor pages and then use https://github.com/vuejs/petite-vue for any functionality you might (components/interactivity/etc.) need.
-
Using script setup and SFC using Vue over CDN
As another alternative, you could look at petite-vue if you just want to sprinkle from Vue-like components throughout your site... Doesn't have the full force of vue, but maybe it's enough.
- Reactivity without using Vue or Livewire?
-
If server-side JavaScript is the newest trend, why don't we just use PHP?
Check out petite vue, it's the gateway drug to frontend js frameworks. If you have complex state management requirements or need a lot of real-time updates in the UI, a js framework can really help make that more straightforward.
-
Ask HN: Getting tired of complexity in web development
And Alpine https://alpinejs.dev/ and petite-vue https://github.com/vuejs/petite-vue
react-18
- A modest request: How do you fetch data in React 18+ WITHOUT a third party dependency?
-
The Sisyphean Quest for Web Performance
Image Source: https://github.com/reactwg/react-18/discussions/37
-
The current state of CSS-in-JS + React
The React working group is officially advising against using runtime CSS-in-JS.
-
[AskJS] How well received was React's transition from class to function based components?
Interesting about the feedback, thanks for the clarification. In general what I'm thinking of is PR's like this one in React where you see lots of back and forth from the community to get things right. Looking at Vue trying to transition from 2 to 3 and even Python from 2 to 3, it seems like it's not easy. I might be making an unfair comparison here though, I don't know much about those transitions except from what I've heard.
-
alternatives to useReducer for heavy async flows
Redux with sagas is a great hint to a solution that is only a small tweak of what you currently do. You need middlewares (that's what makes sagas possible)! Contrary to what some may suggest, you actually don't need to use external state management to get middlewares, as you can integrate an enhancer to useReducer itself. And you should be aware that moving off-react state management "updates triggered by external stores are always synchronous" meaning you're losing startTransition powers.
- Why Tailwindcss over styled-components?
-
Is there a dedicated ui library dedicated for server component?
Anything that uses css-in-js (styled-components / emotion) won't currently work properly: https://beta.nextjs.org/docs/styling/css-in-js the problem isn't related to emotions SSR strategy as that relates to client components being statically pre-rendered. The problem actually relates to the implementation of these solutions as they do not work very well with the new concurrent rendering patterns of react 18 and they haven't completed the upgrade process explained here: https://github.com/reactwg/react-18/discussions/110 this will be a pretty large fundamental change to emotion, so may take a fair while to fully support it, especially given that next's app folder is still a beta feature :)
-
CSS vs CSS-in-JS performance
In React 18 and onwards runtime css-in-js libs will have significant performance issues for concurrent rendering, recomputing inline styles repeatedly and redundantly; https://github.com/reactwg/react-18/discussions/110 . Facebook have no real interest into fixing this I believe (I assume it would be hard with unwanted trade-offs). Facebook themselves use a buildtime css-in-js lib(not open source).
-
Just watched Fireship's video "7 Ways to Deal With CSS". What's your Favourite and Why?
I switched back to SASS modules in NextJS due to the issue with runtime CSS-in-JS in NextJS18 and onwards: https://github.com/reactwg/react-18/discussions/110
-
Why We're Breaking Up with CSS-in-JS
1. Frequently inserting CSS rules forces the browser to do a lot of extra work. Sebastian Markbåge, member of the React core team and the original designer of React Hooks, wrote an extremely informative discussion in the React 18 working group about how CSS-in-JS libraries would need to change to work with React 18, and about the future of runtime CSS-in-JS in general. In particular, he says:
What are some alternatives?
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
htmx - </> htmx - high power tools for HTML
Alpine
Svelte - Cybernetically enhanced web apps
django-vitevue - Manage Vitejs frontends for Django
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
react-query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
React - The library for web and native user interfaces.
laravel-nuxt - A Laravel-Nuxt starter kit.