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
加入频道
Памятка по современному JavaScript

В этом документе собраны возможности языка JavaScript, с которыми вы наверняка столкнетесь в современных проектах и примерах кода.

Цель этого руководства — не обучить вас JavaScript с нуля, а помочь разработчикам с базовыми знаниями, которые при изучении современных кодовых баз (или, скажем, React) сталкиваются со сложностями из-за использованных в них концепций JavaScript.

https://github.com/mbeaudru/modern-js-cheatsheet/blob/master/translations/ru-RU.md
Как сделать автодополнение с нуля

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