Forwarded from FrontEndDev
6 советов и лучших практик для масштабируемого проекта на React
https://blog.bitsrc.io/best-practices-and-tips-for-a-scalable-react-application-db708ae49227
https://blog.bitsrc.io/best-practices-and-tips-for-a-scalable-react-application-db708ae49227
Medium
6 Tips and Best Practices for a Scalable React Project
When starting a new React project, it’s always a good idea to put together some guidelines that you and your team will follow to make the…
Forwarded from Free Online Courses (N00B |TIC| |FTU|)
ReactJS Training.
Become a Web Developer with mastery over React. Learn latest ReactJS concepts - Redux, React Router, JSX, Webpack, more.
https://www.udemy.com/course/reactjs-training/?couponCode=REACTJS_SEP_UPLATZ
Become a Web Developer with mastery over React. Learn latest ReactJS concepts - Redux, React Router, JSX, Webpack, more.
https://www.udemy.com/course/reactjs-training/?couponCode=REACTJS_SEP_UPLATZ
Forwarded from TechSkills - книги по программированию
Учимся кодить на JavaScript. Javascript для подростков
Автор: Джереми Мориц
Год издания: 2019
Скачать книгу
#javascript #русский
Автор: Джереми Мориц
Год издания: 2019
Скачать книгу
#javascript #русский
Forwarded from FrontEndDev
Полное пошаговое руководство по API GraphQL с React и FaunaDB
https://css-tricks.com/a-complete-walkthrough-of-graphql-apis-with-react-and-faunadb/
https://css-tricks.com/a-complete-walkthrough-of-graphql-apis-with-react-and-faunadb/
CSS-Tricks
A Complete Walkthrough of GraphQL APIs with React and FaunaDB
As a web developer, there is an interesting bit of back and forth that always comes along with setting up a new application. Even using a full stack web
Forwarded from Веб-страница
10 малоизвестных веб-API
Вместе с HTML5 появилось и большое количество новых API. Вот лишь некоторые из малоизвестных:
— Fullscreen API
— Async Clipboard API
— Resize Observer API
— Image Capture API
— Broadcast Channel API
— Performance Interface API
— Battery Status API
— Network Information API
— Vibration API
— Bluetooth API
О том, как с ними работать, читайте в статье:
https://tprg.ru/ctK3
#бэкенд #api
Вместе с HTML5 появилось и большое количество новых API. Вот лишь некоторые из малоизвестных:
— Fullscreen API
— Async Clipboard API
— Resize Observer API
— Image Capture API
— Broadcast Channel API
— Performance Interface API
— Battery Status API
— Network Information API
— Vibration API
— Bluetooth API
О том, как с ними работать, читайте в статье:
https://tprg.ru/ctK3
#бэкенд #api
Forwarded from FrontEndDev
Самые популярные CSS фреймворки в 2020
https://dev.to/theme_selection/the-most-trending-css-frameworks-analogy-2020-a15
https://dev.to/theme_selection/the-most-trending-css-frameworks-analogy-2020-a15
DEV Community
The Most Trending⚡️ CSS Frameworks🛠 Analogy 2020
Which framework will be suitable for you? Ever wondered, which parameters you should focus on while c...
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
Deep Learning with JavaScript
Автор: Shanqing Cai, Stanley Bileschi, Eric D. Nielsen, With François Chollet
Год издания: 2020
Скачать книгу
#JavaScript #english
Автор: Shanqing Cai, Stanley Bileschi, Eric D. Nielsen, With François Chollet
Год издания: 2020
Скачать книгу
#JavaScript #english
Forwarded from Будни разработчика
#ссылка дня
#css #js #mediaqueries #width #adaptive
Мы говорим “медиа-запросы” или “media queries” и обычно подразумеваем только часть с CSS. А когда дело касается JavaScript, во многих примерах, курсах и учебниках до сих пор используется сравнение window.innerWidth с желаемым значением на каждое событие изменения размера окна.
Конечно же, это неправильно и устарело. Уже давно существуют медиа-запросы для скриптов:
mediaQuery = window.matchMedia('(min-width: 768px)')
if (mediaQuery.matches) {
alert('Media Query Matched!')
}
Самое прекрасное в этом, что не надо слушать событие изменения размера окна. Достаточно лишь срабатывания самого медиа-запроса!
mediaQuery.addEventListener(function(e) {
if (e.matches) {
// your code
}
});
Подробнее и сравнение разных подходов в статье от Марко Илик (Marco Ilic) на CSS-Tricks: https://css-tricks.com/working-with-javascript-media-queries/
#css #js #mediaqueries #width #adaptive
Мы говорим “медиа-запросы” или “media queries” и обычно подразумеваем только часть с CSS. А когда дело касается JavaScript, во многих примерах, курсах и учебниках до сих пор используется сравнение window.innerWidth с желаемым значением на каждое событие изменения размера окна.
Конечно же, это неправильно и устарело. Уже давно существуют медиа-запросы для скриптов:
mediaQuery = window.matchMedia('(min-width: 768px)')
if (mediaQuery.matches) {
alert('Media Query Matched!')
}
Самое прекрасное в этом, что не надо слушать событие изменения размера окна. Достаточно лишь срабатывания самого медиа-запроса!
mediaQuery.addEventListener(function(e) {
if (e.matches) {
// your code
}
});
Подробнее и сравнение разных подходов в статье от Марко Илик (Marco Ilic) на CSS-Tricks: https://css-tricks.com/working-with-javascript-media-queries/
CSS-Tricks
Working with JavaScript Media Queries | CSS-Tricks
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this:
Создание анимации на JavaScript
10 видео с крутыми руководствами: https://prglb.ru/36e90
#video #animation
10 видео с крутыми руководствами: https://prglb.ru/36e90
#video #animation
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
Cache API в JavaScript
Разбираемся, как кэшировать ресурсы с помощью сервис-воркеров и Cache API: https://prglb.ru/1h202
#performance #browser
Разбираемся, как кэшировать ресурсы с помощью сервис-воркеров и Cache API: https://prglb.ru/1h202
#performance #browser
Forwarded from Frontender's notes [ru]
Функциональное программирование в JavaScript
https://www.youtube.com/watch?v=Mk93bhldluY&feature=emb_logo
https://www.youtube.com/watch?v=Mk93bhldluY&feature=emb_logo
YouTube
Функциональное программирование в JavaScript | Лекция 9 | Web-разработка для начинающих
В этой лекции поговорим о парадигме функционального программирования приминительно к JavaScript. Но конкретно рассмотрим только читые функции, функции высшего порядка и рекурсию.
Это девятая лекция моих курсов для будущих веб-разработчиков. Остальные лекции…
Это девятая лекция моих курсов для будущих веб-разработчиков. Остальные лекции…
Forwarded from Frontender's notes [ru]
Как перенести на TypeScript большую кодовую базу React UI-компонентов
https://habr.com/ru/company/badoo/blog/518246/
https://habr.com/ru/company/badoo/blog/518246/
Хабр
Как перенести на TypeScript большую кодовую базу React UI-компонентов
Привет! Меня зовут Иван Греков, я работаю UI-разработчиком в frontend-команде Badoo. Главные задачи нашей команды — создание новых и поддержка существующих пользовательских интерфейсов для сайтов и...
Forwarded from FrontEnd книги для программистов
Путь к изучению React
Автор: Robin Wieruch и Alexey Pyltsyn
Год издания: 2018
Скачать книгу
#React #русский
Автор: Robin Wieruch и Alexey Pyltsyn
Год издания: 2018
Скачать книгу
#React #русский
Forwarded from FrontEnd книги для программистов
Delightful React
Автор: Bhargav Ponnapalli
Год издания: 2019
Скачать книгу pdf
Скачать книгу djvu
#react #english #beginner
Автор: Bhargav Ponnapalli
Год издания: 2019
Скачать книгу pdf
Скачать книгу djvu
#react #english #beginner
Forwarded from FrontEnd книги для программистов
React programming. The Ultimate Beginner's Guide to Learn react js Programming. Step by Step
Автор: John Bach
Год издания: 2020
Скачать книгу pdf
Скачать книгу epub
#react #english
Автор: John Bach
Год издания: 2020
Скачать книгу pdf
Скачать книгу epub
#react #english
Forwarded from Хабр
Как перенести на TypeScript большую кодовую базу React UI-компонентов
Иван Греков из фронтенд-команды Badoo рассказывает о том, как они организовали поэтапный переход на TypeScript для UI-разработчиков, которым этот язык был в новинку.
Иван Греков из фронтенд-команды Badoo рассказывает о том, как они организовали поэтапный переход на TypeScript для UI-разработчиков, которым этот язык был в новинку.