Forwarded from Frontend Info
React Dev Inspector
Инструмент разработчика для проверки React компонентов и перехода к IDE для получения кода компонента https://github.com/zthxxx/react-dev-inspector
Инструмент разработчика для проверки React компонентов и перехода к IDE для получения кода компонента https://github.com/zthxxx/react-dev-inspector
GitHub
GitHub - zthxxx/react-dev-inspector: jump to local IDE code directly from browser React component by just a simple click
jump to local IDE code directly from browser React component by just a simple click - zthxxx/react-dev-inspector
Разработка PWA с поддержкой распознавания лица и голоса
Этот материал посвящён продвинутым возможностям PWA (Progressive Web Application, прогрессивное веб-приложение), основанным на некоторых современных API. А именно, здесь мы поговорим о разработке веб-проекта, поддерживающего распознавание лица и голоса. Тем, что раньше было доступно только в обычных приложениях, теперь можно воспользоваться и в PWA. Это открывает веб-разработчикам множество новых возможностей.
https://proglib.io/w/10bdd9f3
#pwa
Этот материал посвящён продвинутым возможностям PWA (Progressive Web Application, прогрессивное веб-приложение), основанным на некоторых современных API. А именно, здесь мы поговорим о разработке веб-проекта, поддерживающего распознавание лица и голоса. Тем, что раньше было доступно только в обычных приложениях, теперь можно воспользоваться и в PWA. Это открывает веб-разработчикам множество новых возможностей.
https://proglib.io/w/10bdd9f3
#pwa
Forwarded from Frontend Info
React Hooks ретроспектива: Event Driven Async Hooks
Повторное использование хуков так же важно, как и их разработка. Пример разработки чата всего с тремя настраиваемыми хуками. https://orizens.com/blog/react-hooks-retrospective-event-driven-async-hooks/
Повторное использование хуков так же важно, как и их разработка. Пример разработки чата всего с тремя настраиваемыми хуками. https://orizens.com/blog/react-hooks-retrospective-event-driven-async-hooks/
Orizens
React Hooks Retrospective: Event Driven Async Hooks
I have been writing about React Hooks and how I’m using it to encapsulate features and making it reusable in apps. In my opinion, Reusing hooks as self…
Forwarded from FrontEndDev
Forwarded from Frontend Info
Как TypeScript помогает создавать лучшие приложения на React
https://felixgerschau.com/react-typescript/ #typescript
Используете ли вы TypeScript на своем проекте?
Да - 95
👍👍👍👍👍👍👍👍 61%
Нет - 60
👍👍👍👍👍 39%
👥 155 человек уже проголосовало.
https://felixgerschau.com/react-typescript/ #typescript
Используете ли вы TypeScript на своем проекте?
Да - 95
👍👍👍👍👍👍👍👍 61%
Нет - 60
👍👍👍👍👍 39%
👥 155 человек уже проголосовало.
Felixgerschau
How TypeScript helps you build better React apps
In which situations should you give React with TypeScript a try, and when is it better to stick to JavaScript? Speaking of my own experience, I walk you through the pros and cons of a TypeScript based frontend.
Forwarded from Webchic - frontend, backend, ci/cd
UI-разработчик Иван Греков описывает, как в Badoo переводили UI-компоненты на Typescript
https://habr.com/ru/company/badoo/blog/518246/
https://habr.com/ru/company/badoo/blog/518246/
Хабр
Как перенести на TypeScript большую кодовую базу React UI-компонентов
Привет! Меня зовут Иван Греков, я работаю UI-разработчиком в frontend-команде Badoo. Главные задачи нашей команды — создание новых и поддержка существующих пользовательских интерфейсов для сайтов и...
Forwarded from Web Stack
Почему вы должны превратить свое приложение в PWA
https://blog.logrocket.com/why-you-should-turn-your-app-into-a-pwa/
https://blog.logrocket.com/why-you-should-turn-your-app-into-a-pwa/
LogRocket Blog
Why you should turn your app into a PWA - LogRocket Blog
In this article, you can learn what a Progressive Web App (PWA) is and why you should consider turning your apps into PWAs.
Forwarded from FrontEndDev
Forwarded from Веб-страница
Руководство по React для разработчика Vue.js
Освоив один инструмент нельзя останавливаться, необходимо иметь в арсенале сразу несколько. Это повысит и ваши навыки, и востребованность на рынке.
Если вы уже хорошо освоили Vue, то следующим шагом может стать изучение не менее популярного React. В этой статье помогают разобраться в принципах работы библиотеки, проводя аналогии с Vue.js:
https://tprg.ru/FDcI
#фронтенд #react #vue
Освоив один инструмент нельзя останавливаться, необходимо иметь в арсенале сразу несколько. Это повысит и ваши навыки, и востребованность на рынке.
Если вы уже хорошо освоили Vue, то следующим шагом может стать изучение не менее популярного React. В этой статье помогают разобраться в принципах работы библиотеки, проводя аналогии с Vue.js:
https://tprg.ru/FDcI
#фронтенд #react #vue
Forwarded from КНИГИ: REACT, JS, ANGULAR, NODE, VUE
Forwarded from FrontEndDev
YouTube
Redux vs Mobx: плюсы, минусы, область применения
В этом ролике Никита Стариченко рассказывает об использовании Redux и MobX во фронтенде: плюсы, минусы, особенности, сфера применения. Приводятся достаточно наглядные примеры кода.
СОДЕРЖАНИЕ:
00:00 Вступление.
01:02 Что такое стейт (state) и зачем он нужен?…
СОДЕРЖАНИЕ:
00:00 Вступление.
01:02 Что такое стейт (state) и зачем он нужен?…
Forwarded from Веб-страница
Создание чата на React с использованием Socket.IO
В этой статье вы узнаете, как создать свой собственный чат, в котором можно удалять собственные сообщения, выбирать комнату для общения, хранить сообщения в локальной БД и многое другое.
В проекте используются React, библиотека SocketIO и NodeJS. Код и подробности тут:
https://tprg.ru/rsDW
#react
В этой статье вы узнаете, как создать свой собственный чат, в котором можно удалять собственные сообщения, выбирать комнату для общения, хранить сообщения в локальной БД и многое другое.
В проекте используются React, библиотека SocketIO и NodeJS. Код и подробности тут:
https://tprg.ru/rsDW
#react
Создание собственных React Hooks
Пошаговое руководство: https://proglib.io/w/https-www-freecodecamp-org-news-how-to-create-react-hooks
#react
Пошаговое руководство: https://proglib.io/w/https-www-freecodecamp-org-news-how-to-create-react-hooks
#react
Forwarded from Frontend Info
React Native Performance: что делать и не делать
https://medium.com/crowdbotics/react-native-performance-do-and-dont-88424e873bbd
https://medium.com/crowdbotics/react-native-performance-do-and-dont-88424e873bbd
Medium
React Native Performance: Do and Don’t
Performance is a topic with major ramifications for using a framework like React Native in real-world mobile applications. Simply put…
Forwarded from Веб-страница
Разработка PWA с поддержкой распознавания лица и голоса
Благодаря технологии PWA современные сайты уже способны заменить некоторые стандартные мобильные и десктопные приложения. А с возможностью добавить поддержку распознавания лица и голоса отличий от привычных приложений становится ещё меньше.
Как добавить такую возможность — в статье:
https://tprg.ru/VRgX
#pwa
Благодаря технологии PWA современные сайты уже способны заменить некоторые стандартные мобильные и десктопные приложения. А с возможностью добавить поддержку распознавания лица и голоса отличий от привычных приложений становится ещё меньше.
Как добавить такую возможность — в статье:
https://tprg.ru/VRgX
#pwa
Forwarded from Free Online Courses (N00B |TIC| |FTU|)
React Native and Redux Course using hooks [14 Hrs]
FREE For 48 Hrs
Take your react js skills to next level by building Native Android and IOS Apps using React Native
https://coursevania.com/courses/react-native-and-redux-course-using-hooks/
FREE For 48 Hrs
Take your react js skills to next level by building Native Android and IOS Apps using React Native
https://coursevania.com/courses/react-native-and-redux-course-using-hooks/
Forwarded from TechSkills - книги по программированию
JavaScript. Полное руководство
Автор: Дэвид Флэнаган
Год издания: 2021
Скачать книгу
#javascript #русский
Автор: Дэвид Флэнаган
Год издания: 2021
Скачать книгу
#javascript #русский
Forwarded from NOP::Nuances of Programming
Хотите сделать суперпопулярную игру? Начните создавать кросс-платформенные мобильные приложения с дополненной реальностью. Сделаем примерный проект и узнаем, что нужно для тестирования будущих приложений.
https://nuancesprog.ru/p/11807
@nuancesprog #статьи #React #AR
https://nuancesprog.ru/p/11807
@nuancesprog #статьи #React #AR
Forwarded from JavaScript test
Интервью с Дэном Абрамовым: React 17, Suspense, Redux, холивары.
Главный миф о Дэне Абрамове — что он «создал React». Но хотя это и не так, сейчас он имеет самое прямое отношение к фреймворку, так что поговорить с ним про React очень интересно. Обычно Дэна не увидеть на российских конференциях, но нам помог онлайн-формат, и на HolyJS его подробно расспросили Наталия Теплухина (член core team Vue.js) и Наталия Короткова (занимается веб-проектами с 2010 года).
https://habr.com/ru/company/jugru/blog/545024
Главный миф о Дэне Абрамове — что он «создал React». Но хотя это и не так, сейчас он имеет самое прямое отношение к фреймворку, так что поговорить с ним про React очень интересно. Обычно Дэна не увидеть на российских конференциях, но нам помог онлайн-формат, и на HolyJS его подробно расспросили Наталия Теплухина (член core team Vue.js) и Наталия Короткова (занимается веб-проектами с 2010 года).
https://habr.com/ru/company/jugru/blog/545024
