Bun - это быстрая универсальная среда выполнения JavaScript.

Пакетирование, транспиляция, установка и запуск проектов JavaScript и TypeScript - все это в Bun. Bun - это новая среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm.

https://bun.sh/

👉 @frontend_1

Здоровье программиста: 7 способов быть здоровым

При всей своей любви к программированию, оно может быть одним из самых вредных для здоровья. В современном мире разработчики сталкиваются с огромным количеством проблем с физическим и психическим здоровьем. Будь то боли в запястьях и спине, мигрени, напряжение глаз, потеря мотивации или проблемы с концентрацией внимания — программирование может быть довольно рискованной профессией!

Вот семь простых способов позаботиться о себе и поддерживать свой разум и тело в отличной форме.

@itmozg

Где-то в мире живёт фронтенд-разработчик Серёжа, работает на аутсорсе и пишет программы на заказ. Сделал продукт Серёжа, сдал и забыл о нём. И даже не представляет, какую пользу принёс людям😕

Серёжа может сменить работу и устроиться в продуктовую компанию: Яндекс, Тинькофф, X5 Group. Тогда он сможет увидеть, как своей работой приносит пользу. Ещё в продуктовой компании платят больше денег. А строчка в резюме о работе в X5 Group поднимет Серёжу в глазах эйчаров, если он решит сменить работу. 

Приходите на бесплатный лайв от HTML Aсademy. Андрей Смирнов из X5 Group, расскажет: 

– Что нужно, чтобы работать в X5 Group. Берут ли джунов?
– Какие скиллы нужны фронтенд-разработчику, чтобы работать в продуктовой компании.
– Как подготовиться и пройти собеседование.
– Какие плюсы и минусы быть мидл фронтенд-разработчиком.

Лайв стартует 19 октября в 13.00.
Записаться по ссылке: https://tml.io/fghjk

​30-seconds-of-code – Коллекция готовых фрагментов кода на JavaScript, CSS, Python и даже Git для любых ваших потребностей в разработке

Например, коллекция JS содержит широкий спектр вспомогательных функций ES6, помощников для работы с примитивами, массивами и объектами, а также алгоритмы, функции манипулирования DOM и утилиты Node.js

#Interesting #Useful #Templates

👉 @Githublib

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, либо готовых к работе на этих языках программирования.