FrontEnd Development
28.5K subscribers
144 photos
1 video
8.39K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
Storybook for Vue 3

Vue 3 is the latest major installment of Vue.js that features better ergonomics, better performance, and new APIs for managing large apps. Find out in this article why and how Storybook works perfectly with Vue 3. - https://medium.com/storybookjs/storybook-for-vue-3-947b868758d9

#vue
My Experience Modernizing Packages to ESM

Mark, well known for his work on React and Redux, details the painful experiences and hard-earned lessons learned migrating the Redux packages to ES modules - https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/

#npm esm
Where Should I Put My Components in the Next.js App Router?

Find out what your options are for where you can put all your components in an App Router application. We’re more used to seeing Jack on his YouTube channel, but he now blogs too. - https://www.pronextjs.dev/where-should-i-put-my-components-in-the-app-router

#react
Good practices and Design Patterns for Vue Composables

This article from Jakub Andrzejewski combines knowledge from his personal experiences and other articles on good practices and design patterns for writing Vue.js composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk

#vue
How layout position impacts three big web performance levers

Sia Karamalegos shares three common problems related to layout position: lazy loading images above the fold, asynchronous loading of CSS needed for elements above the fold, and not prioritizing the fetch of the Largest Contentful Paint (LCP) image. - https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers

#css
Reactivity with the Vue 3 Composition API: ref() and reactive()

In a single-page application (SPA), reactivity refers to the application’s ability to update its user interface in response to changes in the underlying data. In Vue 3 we are introduced to 2 ways of declaring reactive Variables - Ref and Reactive. This article will explore these 2 functions outlining their uniqueness and use cases. - https://blog.logrocket.com/reactivity-vue-3-composition-api-ref-reactive/

#vue
Building a Two-Way Data Binding Hook for Form Inputs

Two-way form input binding is a popular feature offered by frameworks like Vue and Svelte – what might a React version look like? Consider this more an experiment than anything. - https://www.macarthur.me/posts/binding-input-state-in-react

#react