Разбираем различные кейсы структурирования приложений React.js с акцентом на три основных подхода: группировка по функциям, группировка по типу файла и гибридный подход.
Читать
Читать
Dotnetcurry
React.js Application Structure - Best Practices | DotNetCurry
This article discusses best practices for structuring React.js applications, focusing on three main approaches: Group by Feature, Group by File Type, and a Hybrid Approach. The tutorial also covers how to integrate modern React features, such as Redux, Hooks…
Поэтапный перевод учебника Patterns.dev, в котором представлен современный взгляд на паттерны проектирования, рендеринга и производительности JavaScript.
🗄 Часть 1
🗄 Часть 2
🗄 Часть 3
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Перевод первой части учебника Patterns.dev
Привет! Меня зовут Айнур, и я frontend‑разработчик SimbirSoft. Более 6 лет я работаю над коммерческими проектами, создаю и улучшаю интерфейсы, поэтому в работе достаточно часто использую...
Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Medium
Announcing Babylon.js 6.0
Our mission is to build one of the most powerful, beautiful, simple, and open web rendering engines in the world, and we are excited to…
Изучение потенциала веб-воркеров для многопоточности в вебе
Многопоточность имеет решающее значение для быстрых и отзывчивых приложений, но обычно не используется в веб-разработке. Давайте восполним этот пробел.
Читать
Многопоточность имеет решающее значение для быстрых и отзывчивых приложений, но обычно не используется в веб-разработке. Давайте восполним этот пробел.
Читать
Smashing Magazine
Exploring The Potential Of Web Workers For Multithreading On The Web — Smashing Magazine
In this article, Sarah Oke Okolo explores the importance of Web Workers for multithreading on the web, including the limitations and considerations of using them and the strategies for mitigating potential issues associated with them.
AbortController на примерах: как контролировать выполнение асинхронных операций, предотвращать выполнение ненужных запросов и избегать утечек памяти.
Читать
Читать
Хабр
AbortController: Варианты применения для эффективного управления асинхронными операциями
О чем статья? В современных веб-приложениях асинхронные операции играют ключевую роль. Однако управление ими может быть сложным, особенно когда нужно отменить задачи, уже отправленные на выполнение....
Angular переживает своего рода ренессанс, и версия 16 — только начало. Узнайте, что нас ждет в новом выпуске.
Читать
Читать
Medium
Angular 16 is huge
At the time of writing this article, angular just published its first release candidate version of v16. There are lot of feature/changes…
364. Chrome, Safari TP, hr внутри select, релизы Safari, Babel на…
Веб-стандарты
🎙 Подкаст «Веб-стандарты»: Алексей Симоненко и Андрей Мелихов про Chrome 112/113, Safari TP, hr внутри select, релизы Safari, Babel на ESM, историю JSON и веб на WASM.
00:01:08 Chrome 112/113
00:18:49 Safari TP
00:25:37 Hr внутри select
00:31:41 Релизы Safari
00:48:25 Babel на ESM
00:52:05 История JSON
01:05:11 Веб на WASM
🔗Слушайте на Ютубе
🔗Ссылки на сайте
00:01:08 Chrome 112/113
00:18:49 Safari TP
00:25:37 Hr внутри select
00:31:41 Релизы Safari
00:48:25 Babel на ESM
00:52:05 История JSON
01:05:11 Веб на WASM
🔗Слушайте на Ютубе
🔗Ссылки на сайте
Краткий обзор новых и улучшенных функций, которые теперь доступны при работе с JavaScript и TypeScript в Visual Studio.
Читать
Читать
Microsoft News
Exploring JavaScript and TypeScript Development in Visual Studio
We made many improvements to the JavaScript and TypeScript developer experience in Visual Studio so that you can run both your front-end and back-end together within one click in one place.
This media is not supported in your browser
VIEW IN TELEGRAM
Create-react-app: текущее положение и обзор современных альтернатив для фронтенд-разработчика.
Читать
Читать
Сделайте ошибки TypeScript более красивыми и удобочитаемыми в VSCode с помощью Pretty TypeScript Errors.
https://github.com/yoavbls/pretty-ts-errors
https://github.com/yoavbls/pretty-ts-errors
365. Zoom, text-wrap, Cascade Layers, reading-order, перфоманс,…
Веб-стандарты
00:01:39 Zoom уходит из CSS
00:07:57 Text-wrap: balance
00:17:24 Зачем Cascade Layers
00:30:05 Reading-order
00:44:07 Правило перфоманса
00:57:41 Тест-раннер в Node.js
01:11:57 WordPress в браузере
01:21:54 Нейронки в браузере
🔗Слушайте на Ютубе
🔗Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
Руководство с множеством интерактивных примеров работы с причудливыми эффектами режима смешивания CSS.
Читать
Читать
🧒👾Тест-игра на выживание: как джуну протянуть первую рабочую неделю и не потерять работу
Первая неделя на новой работе – это всегда стресс для разработчика. В голове тысяча мыслей, давление зашкаливает, и сердце стучит без остановки. Знаете ли вы, как в такой ситуации не перегореть на старте? Если да, тогда вы легко пройдете нашу мини-игру на выживание про адаптацию джуна в незнакомых условиях. Итак, представьте: желанный оффер уже получен, вас приняли в компанию вашей мечты и сегодня первый рабочий день.
🔗 Основной сайт
🔗 Зеркало
Первая неделя на новой работе – это всегда стресс для разработчика. В голове тысяча мыслей, давление зашкаливает, и сердце стучит без остановки. Знаете ли вы, как в такой ситуации не перегореть на старте? Если да, тогда вы легко пройдете нашу мини-игру на выживание про адаптацию джуна в незнакомых условиях. Итак, представьте: желанный оффер уже получен, вас приняли в компанию вашей мечты и сегодня первый рабочий день.
🔗 Основной сайт
🔗 Зеркало
Рич Харрис о фреймворках, вебе и многом другом: создатель Svelte делится своими мыслями о различных тенденциях во фронтенде.
📺 Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Rich Harris on frameworks, the web, and the edge
Watch Rich Harris, Svelte's creator, share insights on frontend trends, the edge, and the web at Vercel's Svelte Meetup hosted by Cockroach Labs in NYC. Build with Vercel today: https://vercel.fyi/trysvelte.
0:00 Introduction
1:25 Your framework is fine…
0:00 Introduction
1:25 Your framework is fine…
Angular v16 уже здесь!👇
➕ Angular Signals in developer preview 🚦
➕ Developer preview of opt-in non-destructive hydration 💧
➕ Improved Standalone APIs 🧍♀️
➕ Tooling enhancements🧰
https://blog.angular.io/angular-v16-is-here-4d7a28ec680d
➕ Angular Signals in developer preview 🚦
➕ Developer preview of opt-in non-destructive hydration 💧
➕ Improved Standalone APIs 🧍♀️
➕ Tooling enhancements
https://blog.angular.io/angular-v16-is-here-4d7a28ec680d
Please open Telegram to view this post
VIEW IN TELEGRAM
Medium
Angular v16 is here!
Six months ago, we reached a significant milestone in Angular’s simplicity and developer experience by graduating the standalone APIs from…