Вот это жизненное начало: « ... но в реальном мире все не так радужно. Нам часто приходится иметь дело с кодовыми базами, которые развивались в течение многих лет, и компонентами, которые несут на себе следы разных разработчиков ... ».
В общем, автор делится опытом рефакторинга больших React-компонентов. В его проекте он имел 2700 строк кода.
https://proglib.io/w/c568a014
В общем, автор делится опытом рефакторинга больших React-компонентов. В его проекте он имел 2700 строк кода.
https://proglib.io/w/c568a014
pieces.app
Refactoring React Class Components: Story of a 2700-Line Component
Code refactoring is often daunting, but it doesn't have to be. Read about my journey to refactoring a 2700-line React class component.
💨 Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании
Необходимо за ограниченное время создать и оптимизировать слайдер с изображением и текстом на React.js.
https://proglib.io/w/0401b376
Необходимо за ограниченное время создать и оптимизировать слайдер с изображением и текстом на React.js.
https://proglib.io/w/0401b376
Хабр
Создаем слайдер с изображением и текстом на React.js с нуля и оптимизируем
В этой статье я хочу затронуть задачу, с которой вы можете столкнуться на собеседовании на позицию Front-End — создание Image Slider. За последние 5 месяцев у меня было 15 онсайт собеседований, а...
Разбираемся с Jamstack, современной архитектурой веб-разработки, которая позволяет создавать веб-сайты на основе методологии микросервисов.
https://proglib.io/w/87c28816
https://proglib.io/w/87c28816
Tproger
Jamstack: философия веб-разработки на примере Next.js
Сперва JAMstack считался лишь комбинацией JavaScript, API и MarkUp. Теперь веб-разработка Jamstack превратилась в настоящую философию.
Разбираем распространенные сценарии утечки памяти в JavaScript и способы их исправления.
https://proglib.io/w/32df86e1
https://proglib.io/w/32df86e1
🔧 Fomir — библиотека для создания форм, основанная на схеме-дереве JSON.
Если вы перепробовали множество библиотек для создания форм, таких как redux-form, formik, final-form, react-hook-form, и ни одна из них не подошла, то Fomir уже спешит на помощь. Под капотом:
— Использование схемы
— Простой механизм обновления состояния формы
— Высокая производительность и многое другое
https://proglib.io/w/d0a101e4
Если вы перепробовали множество библиотек для создания форм, таких как redux-form, formik, final-form, react-hook-form, и ни одна из них не подошла, то Fomir уже спешит на помощь. Под капотом:
— Использование схемы
— Простой механизм обновления состояния формы
— Высокая производительность и многое другое
https://proglib.io/w/d0a101e4
GitHub
GitHub - plantree-xyz/plantree: The best way to build web3 independent blog.
The best way to build web3 independent blog. Contribute to plantree-xyz/plantree development by creating an account on GitHub.
Честное и детальное сравнение RedwoodJS и BlitzJS 👉 https://proglib.io/w/c9d9f376
RisingStack Engineering
RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks - RisingStack Engineering
RedwoodJS & BlitzJS are meta-frameworks that provide tooling for creating SPAs, server-side rendered pages & statically generated content, providing a CLI to generate e2e scaffolds.
🔧 Payload — headless CMS, в основе которой лежат Node, Express, MongoDB, React и TypeScript. Если вам интересен данный стек, тогда точно должна понравиться и концепция данной CMS. Смотрите сами 👉 https://proglib.io/w/191ae840
Payload
Payload: The fastest growing open-source headless CMS
Built with TypeScript and React, Payload is a headless CMS and application framework. Power anything.
DevTools Tips — серия видеоуроков с краткими советами по эффективному использованию панели разработчика в Chrome.
https://proglib.io/w/4f128b57
https://proglib.io/w/4f128b57
YouTube
DevTools Tips - YouTube
Фронтендеру на заметку: полное руководство по работе с терминалом на macOS.
https://proglib.io/w/2f910af4
https://proglib.io/w/2f910af4
DEV Community
A Web Developer's Ultimate Guide to the Terminal on macOS
When learning web development, you will likely come across someone who insists on using the terminal....
Влад Худяков, фронтенд лид команды Pragmatica, в нестандартной манере рассказывает, почему именно Vue идеально решает задачи его команды.
https://proglib.io/w/364ed92a
https://proglib.io/w/364ed92a
Хабр
Vue здорового pragmatica. Как правильно делать выбор между React и Angular
<Влад Худяков создал новое обсуждение> Всем привет! Я Влад Худяков, фронтенд лид команды Pragmatica, и именно я виновен в том, что наша команда работает на Vue. Начну с того, что исторически наш...
Полностью обновлённая статья про 10 самых распространенных проблем в JavaScript-коде, с которыми сталкиваются разработчики.
https://proglib.io/w/0848f804
https://proglib.io/w/0848f804
Toptal Engineering Blog
The 10 Most Common JavaScript Issues Developers Face | Toptal®
If you need help figuring out why your JavaScript isn't working, consult this list of the 10 most common JavaScript issues from a skilled engineer.
Выступление Александра Беспоясова на Podlodka Frontend Crew с рассказом о том, что такое чистая архитектура, чем она полезна, и как пользоваться её преимуществами во фронтенде с примерами системного лайв-дизайна и лайв-кодинга.
https://proglib.io/w/a48ff5b2
https://proglib.io/w/a48ff5b2
YouTube
Live-coding: Чистая архитектура во фронтенде / Александр Беспоясов
Понравилось видео? Забирай весь плейлист на https://is.gd/kChYnl или купи билет на следующий сезон конференции https://is.gd/f6ZLuS.
- Ссылки и дополнительные материалы: https://bespoyasov.ru/talks/podlodka-conf-clean-architecture/
- Твитер для связи: h…
- Ссылки и дополнительные материалы: https://bespoyasov.ru/talks/podlodka-conf-clean-architecture/
- Твитер для связи: h…
Введение в SvelteKit за 80 минут 👉 https://youtu.be/oJqkhK_FkQ4
YouTube
Introduction to SvelteKit with Nacho Falk | JavaScript Marathon
Svelte is a front-end, open-source JavaScript framework for building fast interactive web applications. In this video, Nacho Falk will be talking about understanding Svelte, the syntax, routing with Svelte, its reactivity model, and the component building…
🔥 Бесплатное занятие по работе с React пройдет 27 июля в 19:00 мск
Ты узнаешь:
— На чем построен React
— Какие задачи лучше всего решать на нем
— Основные конструкции
— Архитектура React
— Базовые примеры
Спикер:
Игорь Борзунов — Более 5 лет занимается разработкой высоконагруженных приложений. Преподаватель курса Middle JavaScript Developer.
Занятие будет полезно разработчикам, которые планируют начать работать с React, а также опытным Frontend-разработчикам, которые хотят глубже изучить инструмент.
🚀 Стартуем 27 июля в 19:00 мск
Регистрируйся бесплатно: https://cutt.ly/vZuqMhD
Ты узнаешь:
— На чем построен React
— Какие задачи лучше всего решать на нем
— Основные конструкции
— Архитектура React
— Базовые примеры
Спикер:
Игорь Борзунов — Более 5 лет занимается разработкой высоконагруженных приложений. Преподаватель курса Middle JavaScript Developer.
Занятие будет полезно разработчикам, которые планируют начать работать с React, а также опытным Frontend-разработчикам, которые хотят глубже изучить инструмент.
🚀 Стартуем 27 июля в 19:00 мск
Регистрируйся бесплатно: https://cutt.ly/vZuqMhD
🏒 Примитивы синхронизации в JavaScript: cемафоры и хоккей
На примере хоккейного матча автор статьи разбирается с простейшими примитивами синхронизации: на этапе раскатки перед матчем с помощью бинарного семафора он разделяет игроков на две равных группы, а уже в процессе игры с помощью семафора со счетчиком избавляется от штрафов за нарушение численного состава.
https://proglib.io/w/cfccae6b
На примере хоккейного матча автор статьи разбирается с простейшими примитивами синхронизации: на этапе раскатки перед матчем с помощью бинарного семафора он разделяет игроков на две равных группы, а уже в процессе игры с помощью семафора со счетчиком избавляется от штрафов за нарушение численного состава.
https://proglib.io/w/cfccae6b
Хабр
Примитивы синхронизации в JavaScript: cемафоры и хоккей
На дворе стоит двадцать второй год и все основные среды исполнения JavaScript уже вовсю поддерживают доступ к потокам. Причем, в отличие от языков с глобальной блокировкой интерпретатора, вроде Python...
#news
Очередной дайджест новостей из мира фронтенд-разработки:
— Анонс TanStack Table v8
— Релиз NeutralinoJS 4.7
— Релиз npm-check 6.0.1
— Релиз Fastify 4.3
— Релиз ESLint 8.20
— Релиз Angular 14.1
— Релиз Vue 2.7.8
— Релиз Tweakpane 3.1
— Релиз Fireworks.js 2.0
— Релиз PrimeNG 14
— Релиз Acorn 8.8
— Релиз Discord.ts 10.0
— Релиз Prisma 4.1
— Релиз MelonJS 13.0
— Релиз Secure Electron Template 20.0
— Релиз zip.js 2.6.5
— Релиз Octokit.js 2.0.4
Очередной дайджест новостей из мира фронтенд-разработки:
— Анонс TanStack Table v8
— Релиз NeutralinoJS 4.7
— Релиз npm-check 6.0.1
— Релиз Fastify 4.3
— Релиз ESLint 8.20
— Релиз Angular 14.1
— Релиз Vue 2.7.8
— Релиз Tweakpane 3.1
— Релиз Fireworks.js 2.0
— Релиз PrimeNG 14
— Релиз Acorn 8.8
— Релиз Discord.ts 10.0
— Релиз Prisma 4.1
— Релиз MelonJS 13.0
— Релиз Secure Electron Template 20.0
— Релиз zip.js 2.6.5
— Релиз Octokit.js 2.0.4
Tanstack
TanStack Table
Supercharge your tables or build a datagrid from scratch for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit while retaining 100% control over markup and styles.