ReactJS под капотом

React Reconciliation
Все ли вы знаете о React key?
Что вы знаете о useCallback?
какая разница между useLayoutEffect, componentDidMount и useEffect?
Best Practices for useEffect by React Documentation
Первое погружение в исходники хуков (задел на будущее)
createRef, setRef, useRef и зачем нужен current в ref
Что выбрать: глобальные переменные или useThis()?
Какая настоящая цена useMemo?
useMemo - исходники, альтернативное использование и мемоизация ссылки
React.memo это вам не useMemo || разница между HOC и hook на примере исходников
Чем отличается SimpleMemoComponent от MemoComponent?
Улучшаем перфоманс без memo() || Советы от Дэна Абрамова
Станет ли memo() дэфолтным поведением реакт компонента?
Блок схема по использованию memo() && Боевые примеры
Трюк с useMemo от React разработчиков
Новый хук в 18-ой версии React - useSyncExternalStore
Исходники Context API + Redux vs Context
[Эксперимент] useContext + useReducer вместо Redux
Лучшие примеры использования Context API
Новый хук useEvent решит наши проблемы!

Все видео доступны на youtube

✍️ @React_lib

Создайте свою собственную безопасную для типов версию Tailwind CSS с помощью Sprinkles

Я большой поклонник библиотеки CSS vanilla-extract; на мой взгляд, это самый интересный инструмент CSS со времен Tailwind CSS. Если вы новичок в vanilla-extract, это библиотека CSS-in-JS, созданная Марком Далглишем, которая позволяет вам использовать возможности TypeScript для вашего CSS.

https://blog.logrocket.com/build-type-safe-version-tailwind-css-sprinkles/

👉 @frontend_1

Анимированная кнопка, выполненная с помощью CSS, SVG и JavaScript

https://codepen.io/jkantner/pen/zYdaBPJ

#codepen #css #js

Подпишись👉 @codepen_1

Проблемы с переполнением в CSS

https://www.smashingmagazine.com/2021/04/css-overflow-issues/

👉 @frontend_1

Советы для сложных иллюстраций на CSS

https://css-tricks.com/advice-for-complex-css-illustrations/

👉 @frontend_1

Восход солнца, выполненный с помощью SCSS, без использования JavaScript

https://codepen.io/pehaa/pen/yLVeLNg

#codepen #scss


Подпишись👉 @codepen_1

Frontend митап в Йошкар-Оле. 28 мая 2022

Реализация совместной работы в конструкторах онлайн-материалов - Юрий Минаков, iSpring
Функциональное программирование: практическое внедрение на производстве - Иван Калагин, Arenadata
Feature Sliced Design - Артур Мирзин, Ak Bars Bank
Викторина по Frontend на митапе

https://www.youtube.com/playlist?list=PL29DYZAQWb0LLIDcDqED941bmmEWHtZgZ

👉 @frontend_1

Встреча сообщества A?.Frontend #1

Команда Alfa Digital приглашает на встречу frontend-сообщества всех, кто хочет узнать новое, обменяться опытом и провести время в хорошей компании!

Где: Санкт-Петербург, офис Альфа-Банка
Когда: 27 октября (четверг) в 19:00

В программе — доклады:
🍁«Как успешно пройти любое собеседование»
Расскажет Кирилл Павлик, JS -разработчик в Альфа-Банке

🍁«Как улучшить DX и перестать тратить силы на бессмысленную рутину»
Лайфхаками поделится Ольга Болотова, Руководительница направления развития компетенции JS в Альфа-Банке

🍁 «Разбирательство. Дело №1: как сейчас живут ИТ-сообщества?»
Вместе с коллегами из Яндекса и Мегафона обсудим актуальные вопросы о митапах, конференциях и сообществах в ИТ сегодня.

А ещё всех гостей, помимо докладов, ждет:

☕️ Горячий какао и пряные сладости
☕️ Согревающий мерч от Альфы в подарок за лучшие вопросы докладчикам

👉Регистрируйтесь на встречу заранее, количество мест ограничено

И вступайте в frontend-сообщество: https://yangx.top/alfa_frontend

Изменение размера изображения с учетом содержимого в JavaScript

https://trekhleb.dev/blog/2021/content-aware-image-resizing-in-javascript/

👉 @frontend_1

Работа со строками в современном JavaScript

https://www.baseclass.io/guides/string-handling-modern-js

👉 @frontend_1

Методы выборки данных с помощью React

Методы выборки данных с помощью React. Многие веб-приложения полагаются на данные из внешних источников, чтобы обеспечить хорошее взаимодействие с пользователем. Знание различных методов выборки данных в React позволит вам принимать обоснованные решения о наилучшем варианте использования вашего приложения.

В этой статье мы рассмотрим различные методы получения данных в веб-приложениях, созданных с помощью React. Мы сосредоточимся на использовании хуков, представленных в React 16.8, для извлечения данных из популярного JSON Placeholder API для отображения в приложении React.

👉 @frontend_1

Создание тем для приложений Angular с помощью переменных CSS - простое решение!

https://sreyaj.dev/theming-angular-apps-using-css-variables

👉 @frontend_1

3D цветовая палитра, выполненная с помощью Pug и SCSS, без использования JavaScript

https://codepen.io/jkantner/pen/xxXmVKw

#codepen #scss
Подпишись👉 @codepen_1

Frontend Toolkit - панель инструментов для повторяющихся задач Frontend

https://www.fetoolkit.io/

👉 @frontend_1

Другой подход к архитектуре внешнего интерфейса

https://dev.to/itshugo/a-different-approach-to-frontend-architecture-38d4

👉 @frontend_1

One Day Offer для фронтенд-разработчиков 5 ноября

Получить офер Яндекса можно за 1 день. Участвуйте в One Day Offer Frontend: решите тестовое, пройдите 2 секции 5 ноября и получите офер в тот же день.

От Яндекса в мероприятии участвуют команды, которые готовы предложить работу в гибком формате — полностью удаленно, в гибридном режиме или из любого офиса или коворкинга в 20 городах России и мира. Варианты работы обсуждаются с каждым кандидатом индивидуально.

На мероприятии ждут инженеров с опытом разработки от 3-х лет на JavaScript и TypeScript, либо готовых к работе на этих языках программирования.

Генераторы JavaScript: превосходные async / await

https://blog.logrocket.com/javascript-generators-the-superior-async-await/

👉 @frontend_1

Анимированная спираль ДНК с градиентным переливом, выполненная с помощью SCSS, без использования JavaScript

https://codepen.io/shshaw/pen/eYGPXVr

#codepen #scss
Подпишись👉 @codepen_1

Ускоренный отбор в Яндекс – Intern week offer 🔥

В рамках нового проекта начинающие разработчики смогут пройти собеседования и получить приглашение на стажировку всего за 7 дней. Чтобы пройти отбор, нужно решить контест, пройти технические секции и финалы.

Направления: Backend, Frontend или Mobile

Условия: стажировка оплачивается, длится от 3 до 6 месяцев, и вы можете выбрать занятость 20, 30 или 40 часов в неделю. Иногородним стажёрам мы оплачиваем проезд и проживание, а тех, кто хорошо себя проявит, будем рады видеть в штате.

Крайний срок подачи заявки и решения контеста – 30 октября.

👉Подать заявку: https://clck.ru/32VPvu

Currency.js — Небольшая, легкая библиотека javascript для работы с валютными значениями.

Это легкая библиотека javascript размером ~1 кб для работы с валютой. Она была создана для решения проблем с плавающей точкой в javascript. В этом докладе Бартек Шопка подробно объясняет, почему у javascript есть проблемы с плавающей точкой.


https://currency.js.org/

https://github.com/scurker/currency.js

👉 @frontend_1