Создание масштабируемых микро-фронтенд приложений с Next.js Multi Zones
Multi-Zones — это функциональность в Next.js, которая позволяет объединять несколько независимых приложений Next.js под одним доменом
https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones
Multi-Zones — это функциональность в Next.js, которая позволяет объединять несколько независимых приложений Next.js под одним доменом
https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones
Сергей Дмитриев — разработчик со стажем, потратил год, чтобы сделать курс, который включает весь процесс создания приложения с нуля до деплоя. Курс абсолютно бесплатный, и за это отдельный респект
В курсе акцент на практику, реальные проекты и самые актуальные технологии.
Подробнее тут https://habr.com/ru/articles/866678/
Для тех, кто возьмется проходить, есть чат поддержки https://tttttt.me/devPontChat
Please open Telegram to view this post
VIEW IN TELEGRAM
Нарулил для вас немного магии, чтобы скрасить суету и ожидание 😁
https://jem-space.ru/ball?q=j
Делитесь своими предсказаниями в коментах.
https://jem-space.ru/ball?q=j
Делитесь своими предсказаниями в коментах.
CSS Gradients
Для тех, кто решил начать год с создания чего-то нового, держите подборку красивых градиентов (для страницы логина например 😊)
https://cssgradient.io/gradient-backgrounds/
Для тех, кто решил начать год с создания чего-то нового, держите подборку красивых градиентов (для страницы логина например 😊)
https://cssgradient.io/gradient-backgrounds/
Делаем из простого ToDo App приложение уровня enterprise
Какие технологии можно использовать, чтобы сделать приложение с мониторингом, базой данных, кешированием, контернеризацией и прочим (и тратить на его поддержку $2000 в месяц). Утрированный пример.
https://www.youtube.com/watch?v=nYlv0I9Ips0
Какие технологии можно использовать, чтобы сделать приложение с мониторингом, базой данных, кешированием, контернеризацией и прочим (и тратить на его поддержку $2000 в месяц). Утрированный пример.
https://www.youtube.com/watch?v=nYlv0I9Ips0
State of JavaScript 2024
Состояние экосистемы JS: тренды, инструменты, библиотеки и многое другое. Аналитика за прошедший год
https://2024.stateofjs.com/en-US/
Состояние экосистемы JS: тренды, инструменты, библиотеки и многое другое. Аналитика за прошедший год
https://2024.stateofjs.com/en-US/
Github Copilot in VSCode
Copilot теперь доступен бесплатно (с ограничениями) в плагине VSCode. Конечно нужен аккаунт не из РФ
https://github.blog/changelog/2024-12-18-announcing-github-copilot-free/
Copilot теперь доступен бесплатно (с ограничениями) в плагине VSCode. Конечно нужен аккаунт не из РФ
https://github.blog/changelog/2024-12-18-announcing-github-copilot-free/
This media is not supported in your browser
VIEW IN TELEGRAM
Новый год - твой шанс воплотить смелые идеи и взять разгон для великих дел!
Начни год с мощного рывка и получи кэшбек 15% на пополнение баланса с aeza.net.
Aéza — надежный хостинг для проектов любого масштаба, и подойдет для тех, кто хочет:
И конечно, у них:
Скорее переходи в телеграм-канал и не пропусти анонс скидок и крутых ивентов
Реклама. ИП Лобанов Леонид Константинович. erid: LjN8K4epn
Please open Telegram to view this post
VIEW IN TELEGRAM
Создаем многошаговые формы на vanilla js
Кажется, мы стали забывать как сделать что-то сложнее логин-формы на чистом js 😁
Пример реализации многошаговой формы без использования фреймворков - хороший способ повторить основы.
https://css-tricks.com/how-to-create-multi-step-forms-with-vanilla-javascript-and-css/
Кажется, мы стали забывать как сделать что-то сложнее логин-формы на чистом js 😁
Пример реализации многошаговой формы без использования фреймворков - хороший способ повторить основы.
https://css-tricks.com/how-to-create-multi-step-forms-with-vanilla-javascript-and-css/
33 js концепции, которые должен знать каждый разработчик
Громкий заголовок, но в этом репозитории на самом деле много ресурсов как по основам, так и по продвинутым темам. Сборник статей, сгруппированных по темам.
https://github.com/leonardomso/33-js-concepts?tab=readme-ov-file#-table-of-contents
Громкий заголовок, но в этом репозитории на самом деле много ресурсов как по основам, так и по продвинутым темам. Сборник статей, сгруппированных по темам.
https://github.com/leonardomso/33-js-concepts?tab=readme-ov-file#-table-of-contents
Создаем React хук для шорткатов
Таня Раскиа рассказывает про разные виды шорткатов, кешировании, оптимизации, а также о подводных камнях при разработке хука
https://www.taniarascia.com/keyboard-shortcut-hook-react/
Таня Раскиа рассказывает про разные виды шорткатов, кешировании, оптимизации, а также о подводных камнях при разработке хука
https://www.taniarascia.com/keyboard-shortcut-hook-react/
Разбиваем тяжелые задачи и улучшаем производительность
Kак улучшить отклик веб-приложений, разбивая длительные задачи на меньшие с помощью методов вроде scheduler.yield и асинхронных циклов for..of.
Это помогает избежать блокировки интерфейса и обеспечивает более плавную работу приложения.
https://calendar.perfplanet.com/2024/breaking-up-with-long-tasks-or-how-i-learned-to-group-loops-and-wield-the-yield/
Kак улучшить отклик веб-приложений, разбивая длительные задачи на меньшие с помощью методов вроде scheduler.yield и асинхронных циклов for..of.
Это помогает избежать блокировки интерфейса и обеспечивает более плавную работу приложения.
https://calendar.perfplanet.com/2024/breaking-up-with-long-tasks-or-how-i-learned-to-group-loops-and-wield-the-yield/
Курс по Еvent-Driven Архитектуре
Создаем production-ready приложение на NextJs, Clerk и Webhook. Настраиваем базу данных с помощью NeonDB and Prisma и реализуем типичные CRUD операции.
https://www.youtube.com/watch?v=TtvytXHLAsc
Создаем production-ready приложение на NextJs, Clerk и Webhook. Настраиваем базу данных с помощью NeonDB and Prisma и реализуем типичные CRUD операции.
https://www.youtube.com/watch?v=TtvytXHLAsc
Основные ошибки при использовании React Testing Library
Кент Си Доддс описывает распространённые ошибки при использовании RTL и предлагает рекомендации по их предотвращению.
https://kentcdodds.com/blog/common-mistakes-with-react-testing-library
Кент Си Доддс описывает распространённые ошибки при использовании RTL и предлагает рекомендации по их предотвращению.
https://kentcdodds.com/blog/common-mistakes-with-react-testing-library
Оmatsuri
Набор инструментов на каждый день: компрессор, декодер, генератор градиентов и многое другое.
Это опенсорсный проект, репу можно глянуть тут https://github.com/rtivital/omatsuri
https://omatsuri.app/
Набор инструментов на каждый день: компрессор, декодер, генератор градиентов и многое другое.
Это опенсорсный проект, репу можно глянуть тут https://github.com/rtivital/omatsuri
https://omatsuri.app/
AI ассистент прямо в DevTools
С недавнего времени в Chrome появился свой асистент, который помогает с вопросами по отладке. Вот небольшой обзор и краткое руководство от разработчиков Chrome.
https://developer.chrome.com/docs/devtools/ai-assistance?hl=ru
С недавнего времени в Chrome появился свой асистент, который помогает с вопросами по отладке. Вот небольшой обзор и краткое руководство от разработчиков Chrome.
https://developer.chrome.com/docs/devtools/ai-assistance?hl=ru
Александр Моргунов — Разбираемся в Feature-Sliced Design
Александр из Samokat.tech рассказывает, что из себя представляет архитектурная методология Feature-Sliced Design и ее основные концепты.
https://www.youtube.com/watch?v=H_rJ0zB8rqc
Александр из Samokat.tech рассказывает, что из себя представляет архитектурная методология Feature-Sliced Design и ее основные концепты.
https://www.youtube.com/watch?v=H_rJ0zB8rqc
Передача переменных и значений между HTML, CSS и JavaScript
Короткая заметка о том, как прокинуть значение в HTML с помощью CSS переменных и DOM API.
https://frontendmasters.com/blog/sharing-a-variable-across-html-css-and-javascript/
Короткая заметка о том, как прокинуть значение в HTML с помощью CSS переменных и DOM API.
https://frontendmasters.com/blog/sharing-a-variable-across-html-css-and-javascript/
2024 JavaScript Rising Stars
Тренды и популярные проекты в экосистеме JavaScript за 2024 год.
https://risingstars.js.org/2024/en
Тренды и популярные проекты в экосистеме JavaScript за 2024 год.
https://risingstars.js.org/2024/en