Сложно написать идеальное руководство, которое охватит все аспекты добавления темного режима для вашего сайта. Но это определенно удачная попытка 👉 https://proglib.io/w/384b07d8
CSS-Tricks
Let's Say You Were Going to Write a Blog Post About Dark Mode | CSS-Tricks
This is not that blog post. I'm saying let's say you were.
Пишем простое todo-приложение на React с нуля 👉 https://proglib.io/w/b42c96f3
NOP::Nuances of programming
Как создать приложение Todo на React
Обучение лучше всего происходит на практике. Это руководство поможет познакомиться с ReactJS в процессе создания базового приложения Todo с полем для ввода элемента Todo и кнопкой для его удаления.
#news
Очередной дайджест новостей из мира фронтенд-разработки:
— Анонс Vite 3.0
— Анонс Node-RED 3.0
— Анонс NestJS 9
— Анонс Ember 4.5
— Анонс Safari Technology Preview 148
— Анонс VS Code 1.69
— Релиз Preact 10.10
— Релиз pkg 5.8
— Релиз React Big Calendar 1.4.2
— Релиз AdminJS 6.0
— Релиз Luxon 3.0.1
— Релиз Commander.js 9.4
— Релиз eruda 2.5
— Релиз Tedious 15.0
— Релиз mux.js 6.2
Очередной дайджест новостей из мира фронтенд-разработки:
— Анонс Vite 3.0
— Анонс Node-RED 3.0
— Анонс NestJS 9
— Анонс Ember 4.5
— Анонс Safari Technology Preview 148
— Анонс VS Code 1.69
— Релиз Preact 10.10
— Релиз pkg 5.8
— Релиз React Big Calendar 1.4.2
— Релиз AdminJS 6.0
— Релиз Luxon 3.0.1
— Релиз Commander.js 9.4
— Релиз eruda 2.5
— Релиз Tedious 15.0
— Релиз mux.js 6.2
vitejs
Announcing Vite 3
Vite 3 Release Announcement
☕ Шпаргалка по регулярным выражениям в JavaScript
Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.
https://proglib.io/sh/r9tNTEvDCh
Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.
https://proglib.io/sh/r9tNTEvDCh
Главное преимущество летнего поиска работы — низкий уровень конкуренции. К тому же, сейчас на IT-рынке большая нехватка кадров и множество открытых вакансий.
Чтобы наши читатели не отвлекались на нерелевантные предложения, мы сделали ряд тематических телеграм-каналов с вакансиями по отдельным языкам (Python, Java, Go, C#, C++, PHP, JavaScript) и различным направлениям: тестированию, мобильной разработке, информационной безопасности и Data Science.
Присоединяйтесь! Будем рады помочь найти вам лучшую работу.
Чтобы наши читатели не отвлекались на нерелевантные предложения, мы сделали ряд тематических телеграм-каналов с вакансиями по отдельным языкам (Python, Java, Go, C#, C++, PHP, JavaScript) и различным направлениям: тестированию, мобильной разработке, информационной безопасности и Data Science.
Присоединяйтесь! Будем рады помочь найти вам лучшую работу.
Если кто-то уже попробовал или заинтересован в использовании Bun, на GitHub появилась коллекция полезных ресурсов в одном месте 👉 https://proglib.io/w/681ef671
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
🔧 Bun — новая среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm.
https://proglib.io/w/d882a93f
https://proglib.io/w/d882a93f
Вот это жизненное начало: « ... но в реальном мире все не так радужно. Нам часто приходится иметь дело с кодовыми базами, которые развивались в течение многих лет, и компонентами, которые несут на себе следы разных разработчиков ... ».
В общем, автор делится опытом рефакторинга больших 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....