Пишем простое 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....
Влад Худяков, фронтенд лид команды Pragmatica, в нестандартной манере рассказывает, почему именно Vue идеально решает задачи его команды.
https://proglib.io/w/364ed92a
https://proglib.io/w/364ed92a
Хабр
Vue здорового pragmatica. Как правильно делать выбор между React и Angular
<Влад Худяков создал новое обсуждение> Всем привет! Я Влад Худяков, фронтенд лид команды Pragmatica, и именно я виновен в том, что наша команда работает на Vue. Начну с того, что исторически наш...