ReScript для разработки на React

#reacr #rescript

https://scalac.medium.com/rescript-for-react-development-a734e54d5363

Как я делаю CSS Art
Хотите узнать, как создавать CSS Art? Йосра Эмад подробно объясняет, как создавать CSS Art и получать от этого удовольствие #css

https://yosracodes.hashnode.dev/how-i-make-css-art

Понимание min-content, max-content и fit-content в CSS
Узнайте о fit-content, min-content и max-content в CSS и о том, как использовать их в реальных проектах #css
https://blog.logrocket.com/understanding-min-content-max-content-fit-content-css/

Как использовать TypeScript c React компонентами

#reactt #typescript

https://dmitripavlutin.com/typescript-react-components/

Сортировка массивов JavaScript по вложенным свойствам

https://elijahmanor.com/byte/js-array-sort-nest #js

Сравнение методов добавления и вставки элементов в DOM с помощью JavaScript

https://css-tricks.com/comparing-methods-for-appending-and-inserting-with-javascript/ #js

Когда WeakMap() действительно пригодился

https://macarthur.me/posts/when-a-weakmap-came-in-handy #js

Написание чистых JavaScript тестов с использованием 5 ключевых принципов

https://yonigoldberg.medium.com/fighting-javascript-tests-complexity-with-the-basic-principles-87b7622eac9a #js #tests

Рекомендация для прогеров: следите за дизайнерами.

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

А если хотите увидеть связку «дизайн + прога» на практике, загляните в канал Ильи «Dzenski Live». 

⚡️Он руководит студией. Специально для программистов показывает все процессы через призму айти:

• Как работать с IT-продуктом, если он сложный, а бюджет маленький

• Как организовать дизайнеров и прогеров, чтобы все работали, как часы
 
• Как работать меньше, а зарабатывать больше

Короче, забирайте в подписки и пользуйтесь опытом Ильи: @dzenskii

В профессиональной среде сложилось множество мифов как о работе в Яндексе, так и об их рекламных продуктах. 13 октября на онлайн-встрече AdtechAdtech у вас будет возможность подробнее погрузиться в вопрос.

Руководители нескольких направлений Рекламных продуктов проведут честный разговор о том, какие технологии сегодня используют и какие вызовы и задачи стоят перед сотрудниками. Кроме того, вас ждут «обратные собеседования» — возможность задать любые вопросы о работе у них в команде.

Если вы захотите присоединиться к команде, то 23 и 24 октября в Яндексе приходите на Fast TrackFast Track — онлайн-встречу, которая позволяет получить оффер в компанию за одни выходные.

Руководство по отладке CSS

https://www.smashingmagazine.com/2021/10/guide-debugging-css/ #css

React Preview помогает вам предварительно просмотреть любой React компонент в вашей кодовой базе

https://www.npmjs.com/package/@reactpreview/cli #tools #react

Atropos - это легкая JavaScript библиотека с открытым исходным кодом для создания удобных трехмерных параллакс эффектов наведения

https://atroposjs.com/ #js #tools

99avatars

API и онлайн-инструмент для создания случайных и частично настраиваемых аватаров, нарисованных вручную.

https://99avatars.com/ #tools

Создание компонента с множественным выбором
Базовый обзор того, как создать отзывчивый, адаптивный и доступный компонент с множественным выбором.

https://web.dev/building-a-multi-select-component/ #html #css #js

Методы анимации для добавления и удаления элементов из стека
 
https://css-tricks.com/animation-techniques-for-adding-and-removing-items-from-a-stack #css #animation

Вышел Parcel v2
Parcel v2 - это полная переработка сборщика, которая берет принципы из v1, но расширяет их, чтобы соответствовать проектам «любого размера и сложности» путем поддержки tree shaking по умолчанию, полностью новая система на основе плагинов, сборка через ES модули, автоматическое разделения кода, оптимизация изображений и многое другое.

https://parceljs.org/blog/v2/ #tools

Выпущен ESLint v8.0
ESLint - популярный подключаемый и настраиваемый инструмент линтера для поддержания качества JavaScript кода. Версия 8.0 приближает его к стандартам ES2022.
https://eslint.org/blog/2021/10/eslint-v8.0.0-released

Если вы обновляете старую версию, доступно руководство по миграции.

https://eslint.org/docs/user-guide/migrating-to-8.0.0 #tools