Typical Frontend
135 subscribers
48 photos
625 links
News and events from the World of Frontend and around it. Tools and useful materials on everything that may be of interest to a frontend developer as well.

For all questions you can write @Typical_Front_End
Download Telegram
​​Hookrouter: современный подход к React Routing:

https://blog.bitsrc.io/hookrouter-a-modern-approach-to-react-routing-b6e36f7d49d9

#react
​​Примеры применения переменных CSS на практике:

https://habr.com/ru/company/skillfactory/blog/554440/

#css
​​5 React-хуков, которые пригодятся в любом проекте:

https://habr.com/ru/company/ruvds/blog/554280/

#react
​​5 методов оптимизации производительности в React приложениях:

https://www.telerik.com/blogs/5-techniques-optimizing-performance-react-app

#react
​​React Table: библиотека headless таблиц для React:

https://blog.bitsrc.io/react-table-the-headless-table-library-for-react-2eb8c6ac98f1

#react
​​Руководство по React Table и лучшие примеры таблиц в React:

https://flatlogic.com/blog/react-table-guide-and-best-react-table-examples/

#react
​​Шпаргалка по импорту и экспорту в ES6:

https://medium.com/dailyjs/javascript-module-cheatsheet-7bd474f1d829

#js
​​Почему стоит использовать тег <picture> вместо <img>:

https://habr.com/ru/company/vdsina/blog/555736/

#html
​​Базовая структура HTML-документа с объяснением каждой строчки: (будет полезно новичкам)

https://habr.com/ru/company/macloud/blog/555082/

#html
​​Вышел Bootstrap 5: оцениваем 7 главных нововведений:

https://habr.com/ru/company/selectel/blog/555930/

#development
​​Пример создания портфолио в 2021 — визуализация всего HTML-сайта в WebGL:

https://martinlaxenaire.medium.com/portfolio-2021-technical-case-study-rendering-a-whole-html-website-in-webgl-1cd2982c2050

#development
​​Сборник распространенных ошибок в CSS и способы их исправления:

https://csshell.dev/

#css
​​Кастомные типы данных в TypeScript: валидация на этапе компиляции:

https://tproger.ru/translations/kastomnye-tipy-dannyh-v-typescript-validacija-na-jetape-kompiljacii/

#typescript
​​Подробно о том, как работают хуки React:

https://github.com/Eliav2/how-react-hooks-work

#react
​​Что такое React Hooks и какие проблемы они решают:

https://www.ma-no.org/en/programming/javascript/what-are-react-hooks-and-what-problems-they-solve

#react
​​Шпаргалка по JS-методам для работы с DOM:

https://habr.com/ru/company/macloud/blog/557422/

#js
​​Рассказ о том, почему в 2021 году лучше выбирать TypeScript, а не JavaScript:

https://habr.com/ru/company/ruvds/blog/556162/

#typescript
​​Работа с TypeScript: практическое руководство для разработчиков:

https://auth0.com/blog/working-with-typeScript-a-practical-introduction/

#typescript
​​«Родительский селектор» :has() — в реальность!

https://css-live.ru/vecssti-s-polej/roditelskij-selektor-has-v-realnost.html

#css
​​Шпаргалка по JS-методам для работы с DOM:

https://habr.com/ru/company/macloud/blog/557422/

#js