Лента

Лайфхак для использования React.lazy с именованными экспортами

export const namedLazy = <T extends Record<string, any>>(
  loader: () => Promise<T>,
  name: keyof T,
) =>
  React.lazy(async () => {
    const module = await loader()
    return { default: module[name] }
  })

Использование:

const Component = namedLazy(() => import('./component'), 'ComponentName')

sidebar статические виводяться информация https://prnt.sc/wqIMziALni4x

Если вы еще не видели, то на ютубе вышел курс по созданию приложения «Конструктор PDF резюме» на React с нуля:

• 🚀 Полный плейлист этого курса доступен на ютубе
• Ссылка на страницу курса - клик тут

Новое видео уже в понедельник!

Как очистить глобальные слушатели событий, интервалы и сторонние библиотеки в Vue-компонентах

Подробная карта изучения JavaScript + Node.js

https://www.xmind.net/embed/n9yv/

На мой взгляд, это лучшая карта на текущий момент!

Теперь любой желающий может написать что-то в ленту, а также в блог!

Узнайте больше вот в этой статье - обновление для авторов

UPD: Еще можно редактировать любые записи

Еще пару крутых инструментов:

1. Border radius generator - Генератор для создания органических форм!

Ссылка на генератор вот тут,

2. Soft UI generator - Классный генератор для градиентов и теней.

Ссылка вот тут.

Вы можете кликнуть с зажатым CTRL / CMD чтобы открыть в новом окне ;)

Делюсь инструментом для создания css волн!

Идеально чтобы разбить секции на лендинге, например, как это сделал я в курсе по вью 3

Ссылка - getwaves.io

Easing Gradients

Я нашел идеальный онлайн инструмент для градиентов!

Сверху в меню можно кликнуть на Editor и перейти в режим редактирования!

Ссылка тут

Загрузил небольшое обновление!

Если у вас что-то не работает или не отобржается попробуйте обновить страницу с очисткой кэша CTR+R / CTR+F5 для мака: CMD+R

Сайдбар

Если вы проходите какой-то из курсов, то в сайдбаре слева вы можете увидеть статистику прохождения, советы и тп!

Сайдбар по умолчанию в закрепленном состоянии, если у вас это не так - перейдите в настройки и включите опцию sidebar: docked или откройте его кликнув по бургеру рядом с логотипом!