Frontend разработчик
11.7K subscribers
1.75K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
Как сделать автодополнение с нуля

https://adamsilver.io/articles/building-an-accessible-autocomplete-control/
Как работает JavaScript

Коротко
1. Парсер разбирает код на значимые части.
2. Строится абстрактное синтаксическое дерево (AST).
3. Интерпретатор создает байт-код, который сразу же начинает выполняться в браузере, чтобы пользователь не ждал.
4. Одновременно профайлер и компилятор работают над оптимизацией кода.
5. Как только готова оптимизированная версия, она заменяет временный байт-код.


https://blog.bitsrc.io/javascript-under-the-hood-632ccae06b27
Как мы сократили размер приложения React Native на 60% с помощью нескольких простых исправлений

https://medium.com/swlh/how-we-reduced-our-react-native-app-size-by-60-with-a-few-simple-fixes-3d59adc2ed3d
Анализ производительности приложения Notion

https://3perf.com/blog/notion/
Social Good Ipsum - сервис для генерации текста-рыбы

http://socialgoodipsum.com/
Причины утечки памяти в JavaScript и как их избежать

https://www.ditdot.hr/en/causes-of-memory-leaks-in-javascript-and-how-to-avoid-them
Hydra js- фреймворк, имеющий все инструменты, необходимые для создания масштабируемых приложений

http://tcorral.github.io/Hydra.js/

Скачать http://tcorral.github.io/Hydra.js/#downloads
Подборка бесплатных ресурсов для изучения React в 2020 году

https://dev.to/areknawo/best-free-resources-to-learn-react-in-2020-591b
Chromatic GitHub Action - как быстро интегрировать визуальное тестирование в ваш проект GitHub

https://blog.hichroma.com/introducing-chromatic-github-action-613c780a475e
Подборка: лучшие фреймворки CSS

http://usablica.github.io/front-end-frameworks/compare.html?v=2.0
This media is not supported in your browser
VIEW IN TELEGRAM
С помощью CSS переменных рисуем анимацию с настраиваемым таймлайном

https://cloudfour.com/thinks/css-animation-timelines-building-a-rube-goldberg-machine/