Size: a a a

2021 October 05
Frontend Info
ReScript для разработки на React

#reacr #rescript

https://scalac.medium.com/rescript-for-react-development-a734e54d5363
источник
2021 October 06
Frontend Info
Как я делаю CSS Art
Хотите узнать, как создавать CSS Art? Йосра Эмад подробно объясняет, как создавать CSS Art и получать от этого удовольствие #css

https://yosracodes.hashnode.dev/how-i-make-css-art
источник
2021 October 07
Frontend Info
Понимание 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/
источник
2021 October 08
Frontend Info
Как использовать TypeScript c React компонентами

#reactt #typescript

https://dmitripavlutin.com/typescript-react-components/
источник
2021 October 09
Frontend Info
Сортировка массивов JavaScript по вложенным свойствам

https://elijahmanor.com/byte/js-array-sort-nest #js
источник
2021 October 10
Frontend Info
Сравнение методов добавления и вставки элементов в DOM с помощью JavaScript

https://css-tricks.com/comparing-methods-for-appending-and-inserting-with-javascript/ #js
источник
2021 October 11
Frontend Info
Когда WeakMap() действительно пригодился

https://macarthur.me/posts/when-a-weakmap-came-in-handy #js
источник
2021 October 12
Frontend Info
Написание чистых JavaScript тестов с использованием 5 ключевых принципов

https://yonigoldberg.medium.com/fighting-javascript-tests-complexity-with-the-basic-principles-87b7622eac9a #js #tests
источник
Frontend Info
Рекомендация для прогеров: следите за дизайнерами.

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

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

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

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

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

Короче, забирайте в подписки и пользуйтесь опытом Ильи: @dzenskii
источник
Frontend Info
Условный border-radius в CSS

https://ishadeed.com/article/conditional-border-radius/
источник
Frontend Info
В профессиональной среде сложилось множество мифов как о работе в Яндексе, так и об их рекламных продуктах. 13 октября на онлайн-встрече AdtechAdtech у вас будет возможность подробнее погрузиться в вопрос.

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

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

https://www.smashingmagazine.com/2021/10/guide-debugging-css/ #css
источник
2021 October 14
Frontend Info
React Preview помогает вам предварительно просмотреть любой React компонент в вашей кодовой базе

https://www.npmjs.com/package/@reactpreview/cli #tools #react
источник
2021 October 15
Frontend Info
Atropos - это легкая JavaScript библиотека с открытым исходным кодом для создания удобных трехмерных параллакс эффектов наведения

https://atroposjs.com/ #js #tools
источник
2021 October 16
Frontend Info
99avatars

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

https://99avatars.com/ #tools
источник
2021 October 18
Frontend Info
Создание компонента с множественным выбором
Базовый обзор того, как создать отзывчивый, адаптивный и доступный компонент с множественным выбором.

https://web.dev/building-a-multi-select-component/ #html #css #js
источник
2021 October 19
Frontend Info
6 конкретных советов, которые упростят просмотр ваших PRs

https://www.chakshunyu.com/blog/6-concrete-tips-that-will-make-your-react-pull-requests-easier-to-review
источник
Frontend Info
Методы анимации для добавления и удаления элементов из стека
 
https://css-tricks.com/animation-techniques-for-adding-and-removing-items-from-a-stack #css #animation
источник
2021 October 20
Frontend Info
Вышел Parcel v2
Parcel v2 - это полная переработка сборщика, которая берет принципы из v1, но расширяет их, чтобы соответствовать проектам «любого размера и сложности» путем поддержки tree shaking по умолчанию, полностью новая система на основе плагинов, сборка через ES модули, автоматическое разделения кода, оптимизация изображений и многое другое.

https://parceljs.org/blog/v2/ #tools
источник
Frontend Info
Выпущен 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
источник