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

Admin: @andrey2019
Download Telegram
Globalize Your Vue App: A Practical Guide to Vue 3 Internationalization

Building web experiences that can cater to a diverse audience is important, and so is internationalization to create applications adapted to different languages and cultures. This article is a step-by-step guide to creating an international website with Vue 3 and Vite. - https://medium.com/simform-engineering/globalize-your-vue-app-a-practical-guide-to-vue-3-internationalization-93f5c7da4494

#vue
HTML Attributes vs DOM Properties

They’re different, but often coupled. Jake outlines the difference, and why it matters. He also touches on how frameworks deal with the contrast and how it has affected React’s support for custom elements so far - https://coderoasis.com/react-19-beta/

#react
A Proposal to Add Signals to JavaScript

A (very) early stage proposal for bringing a new feature to ECMAScript/JavaScript: signals! The proposal brings aboard ideas from a swathe of popular frameworks and aims to align everyone and get us on the same page when it comes to working with state and making updates based upon changes to state. - https://github.com/tc39/proposal-signals

#javascript
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
Awesome React: The Essential React Libraries and Resources

A well maintained collection of resources relating to the React ecosystem. Starting life as a list of several hundred items, it has since been pared down to fewer than 200 by removing all outdated projects and focusing on the essentials. - https://github.com/enaqx/awesome-react

#react
Frontend Development Beyond React: Svelte

A surprisingly thorough article going deep into one developer’s research into using Svelte to build modern front-end apps. If you’ve never experimented with Svelte, this is a good primer to the key concepts, tradeoffs, and techniques involved. - https://itnext.io/frontend-development-beyond-react-svelte-1-3-f47eda22cba5

#svelte
Vue 3 — Transitions — Why?

As a part of the Vue.js core code, a special component called "Transitions” is exposed to us. But how and why is something like this even included? - https://javascript.plainenglish.io/vue-3-transitions-why-db5ab4b85a79

#vue
A Node.js Streams Masterclass

What a treat! Join the creator of Fastify, as well as Node.js TSC member, on an hour long odyssey into the world of streams, a topic in which he specializes. He starts off quite poetically .. a stream is like an array over time .. before quickly getting on to some live coding and demos. This is one in a series of events put on by Platformatic. - https://www.youtube.com/watch?v=edB964-YYpE

#nodejs
React Server Components in a Nutshell

A quick overview of RSCs not all about Next.js, comparing the approach taken by several frameworks before sharing thoughts on the tech and why the smaller Waku framework is worth a look. - https://thenewstack.io/react-server-components-in-a-nutshell/

#react
Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура».

Уже 27 мая опытные эксперты научат React-разработчиков:
💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности
💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять.
💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел.
💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом.
🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон.

Билеты уже ждут вас на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM