Полное руководство по настройке React Context API с помощью настраиваемого хука [Typescript] Это руководство, которое поможет вам настроить React Context API с помощью машинописного текста. https://cutt.ly/CEKoPxe
DEV Community
Ultimate Guide to setup React Context API with a custom hook [Typescript]
This is a guide to help you set up React Context API with typescript. 🤨 What is React...
Передача данных с помощью React Router по ссылке Если вы использовали React Router во многих проектах, вы определенно спрашивали, как я могу передать некоторые данные или состояние другим компонентам с помощью тега ссылки? .
Итак, в первую очередь мы обсудим, как мы можем передавать данные между компонентами в React. https://cutt.ly/1EKoNjv
Итак, в первую очередь мы обсудим, как мы можем передавать данные между компонентами в React. https://cutt.ly/1EKoNjv
DEV Community
Passing Data with React Router using Link
If you've used React Router on many projects, definitely you've asked How i can pass some data or...
Как добавить социальный логин Dribble в ваше приложение React с помощью Auth0 В этом сообщении мы увидим, как добавить дриблинг-соединение с социальными сетями с помощью Auth0 в наше приложение React. https://goo.su/82mh
DevDojo
How to add Dribble social login to your React Application using Auth0
Outline: 1. Introduction. 2. Auth0 Setup. 3. Connecting React with Auth0. 4. Rendering dribble profile. 5. Conclusion. Introduction: In this blog post, we will see how to add dribble social connec...
«Скучные аватары - это крошечная библиотека JavaScript React, которая генерирует настраиваемые круглые аватары на основе SVG из любого имени пользователя и любой цветовой палитры». https://cutt.ly/oEKd1pE
Boringavatars
Avatar generator playground - Boring Avatars
Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.
This media is not supported in your browser
VIEW IN TELEGRAM
Простой компонент React для добавления быстрого и расширяемого интерфейса command + k на ваш сайт kbar - это простой компонент React plug-n-play для добавления на ваш сайт быстрого, портативного и расширяемого интерфейса command + k. https://goo.su/82T7
Приложение для заказа еды с использованием React и Tailwind CSS https://cutt.ly/cE27UvD
React.js Examples
A Food order app using React and Tailwind CSS
A Food order app using React and Tailwind CSS.
Простое приложение Crud для карточек контактов, созданное на React и Redux https://cutt.ly/zE25X6R
React.js Examples
A Simple Contact Card Crud App Built With React And Redux
👨💻 Крупнейшее региональное IT-событие Merge - точка слияния ведущих IT-конференций
13-14 ноября в Иннополисе, самом молодом и технологичном городе России, пройдет Merge @mergeconf - новое событие в мире IT.
О чем будем говорить:
● Булатов Сэм (Waliot)
«Упрощаем жизнь с RxJS. Что это такое и зачем это нужно?»
● Михеев Глеб (Beta, Skillbox, FrontendConf)
«Принципы производительного рендеринга в браузере»
● Коротаев Александр (ВКонтакте)
«Web Assembly и веб на Typescript»
…и еще более 100 топовых спикеров со всей России 🔥
Вас ждут 2 дня эффективного нетворкинга и обсуждения главных трендов IT-сферы в городе высоких технологий!
👉 Купить билет: https://mergeconf.ru/#tickets
❗️ По промокоду FRONT15 вы получите скидку 15% на покупку билета любой категории.
Merge также приглашает к участию новых спикеров. Если вы эксперт и вам есть чем поделиться с сообществом единомышленников, смело подавайте заявку!
До встречи на Merge! 😉
13-14 ноября в Иннополисе, самом молодом и технологичном городе России, пройдет Merge @mergeconf - новое событие в мире IT.
О чем будем говорить:
● Булатов Сэм (Waliot)
«Упрощаем жизнь с RxJS. Что это такое и зачем это нужно?»
● Михеев Глеб (Beta, Skillbox, FrontendConf)
«Принципы производительного рендеринга в браузере»
● Коротаев Александр (ВКонтакте)
«Web Assembly и веб на Typescript»
…и еще более 100 топовых спикеров со всей России 🔥
Вас ждут 2 дня эффективного нетворкинга и обсуждения главных трендов IT-сферы в городе высоких технологий!
👉 Купить билет: https://mergeconf.ru/#tickets
❗️ По промокоду FRONT15 вы получите скидку 15% на покупку билета любой категории.
Merge также приглашает к участию новых спикеров. Если вы эксперт и вам есть чем поделиться с сообществом единомышленников, смело подавайте заявку!
До встречи на Merge! 😉
Полезные API React для создания гибких компонентов с помощью TypeScript React с JSX - фантастический инструмент для создания простых в использовании компонентов. Компоненты Typescript доставляют разработчикам абсолютное удовольствие интегрировать ваши компоненты в свои приложения и исследовать ваши API. В этой статье вы узнаете о трех менее известных API React, которые могут вывести ваши компоненты на новый уровень и помочь вам создавать еще более совершенные компоненты React. https://goo.su/8DkC
Smashing Magazine
Useful React APIs For Building Flexible Components With TypeScript — Smashing Magazine
React with JSX is a fantastic tool for making easy-to-use components. Typescript components make it an absolute pleasure for developers to integrate your components into their apps and explore your APIs. Learn about three lesser-known React APIs that can…
React.useEffect Hook - Общие проблемы и способы их решения Хуки React существуют уже довольно давно. Большинство разработчиков уже довольно хорошо знакомы с тем, как они работают, и с распространенными вариантами их использования. Но есть одна загвоздка с использованием эффекта, на которую многие из нас продолжают попадаться. https://goo.su/8e7q
freeCodeCamp.org
React.useEffect Hook – Common Problems and How to Fix Them
React hooks have been around for a while now. Most developers have gotten pretty comfortable with how they work and their common use cases. But there is one useEffect gotcha that a lot of us keep falling for. The use caseLet's start with a simple scenario.…
Приложение React, предназначенное для отслеживания статуса самых популярных криптовалют Одностраничное приложение, предназначенное для отслеживания статуса самых популярных криптовалют. https://goo.su/8e95
React.js Examples
A React Application Meant To Keep Track Of The Most Popular Crypto Currencies Status
Ищем Frontend разработчкика (React)
Место работы:
Можно в клевом Московском офисе на Тульской, можно в уютном кресле у себя дома.
Стек:
На фронте JS (react), на беке - Python (Django); Docker, настроенный CI/CD.
Команда:
Команда состоит полностью из senior разработчиков (3 человека), есть продакты, аналитики и дизайнеры. Работают по 2-недельным спринтам, по Agile.
Обязанности:
— Техническое ревью задач
— Оценка сроков и планирование спринтов
— Разработка, отладка и деплой кода
— Написание технической документации
— Поддержка собственной библиотеки компонентов
— Проведение Code review
— Участие в планерках, демо, ретро и ежедневных стендапах
Полное описание вакансии
Место работы:
Можно в клевом Московском офисе на Тульской, можно в уютном кресле у себя дома.
Стек:
На фронте JS (react), на беке - Python (Django); Docker, настроенный CI/CD.
Команда:
Команда состоит полностью из senior разработчиков (3 человека), есть продакты, аналитики и дизайнеры. Работают по 2-недельным спринтам, по Agile.
Обязанности:
— Техническое ревью задач
— Оценка сроков и планирование спринтов
— Разработка, отладка и деплой кода
— Написание технической документации
— Поддержка собственной библиотеки компонентов
— Проведение Code review
— Участие в планерках, демо, ретро и ежедневных стендапах
Полное описание вакансии
Как отображать содержимое страниц Notion в приложениях React | Сделайте контент вашего сайта динамичным Я искал способ сделать контент моего сайта динамичным, используя Notion в качестве CMS (системы управления контентом), и наконец нашел его. https://goo.su/8gb0 Компонент React для рендеринга разбивки на страницы https://goo.su/8GAS
Raman Karki Blogs | Web Developer Nepal
How to render Notion pages content in React apps | Make your site content dynamic
I was looking for a way to make my site content dynamic by using the Notion as a CMS (Content Management System), and I finally found one.
Курс React + Next.js - с нуля со скидкой до 90%: TypeScript, Hooks, SSR и CSS Grid
Курс по современному фронтенду Антона Ларичева на Udemy. В программе 19 глав и 130 лекций: React и Next.js, TypeScript, хуки, SSR, анимация и Framer, валидация и отправка форм, CSS-гриды, доступность и ARIA, линтеры и отладка. Цена с промокодом 1090 ₽👇
https://www.udemy.com/course/react-nextjs/?couponCode=992DA5852CAEB1A1AB1D
Курс по современному фронтенду Антона Ларичева на Udemy. В программе 19 глав и 130 лекций: React и Next.js, TypeScript, хуки, SSR, анимация и Framer, валидация и отправка форм, CSS-гриды, доступность и ARIA, линтеры и отладка. Цена с промокодом 1090 ₽👇
https://www.udemy.com/course/react-nextjs/?couponCode=992DA5852CAEB1A1AB1D
Udemy
React + Next.js - с нуля. TypeScript, Hooks, SSR и CSS Grid
Полный курс по современному Frontend на React и Next.js. Всё от CSS Grid и TypeScript до React Hooks и SSR
Полнофункциональное банковское приложение GraphQL с использованием React, Node и TypeScript https://cutt.ly/0RhDHGR
GitHub
GitHub - edwardcdev/apollobank at reactjsexample.com
A full stack GraphQL banking application using React, Node & TypeScript. - GitHub - edwardcdev/apollobank at reactjsexample.com
⚛️Представляем Sapling: расширение VS Code для просмотра иерархии компонентов React React - мощный инструмент для создания фронтенд-приложений, но при масштабировании навигация по иерархии компонентов может оказаться мучительной. Sapling призван изменить эту ситуацию. https://cutt.ly/YRhG1hO
Medium
Introducing Sapling: a VS Code Extension for Traversing React Component Hierarchy
React is a powerful tool for building your frontend applications, but at scale navigating the hierarchy of your components may be painful…
Онлайн-практикум: Как перейти из React.js в React Native?
Расскажем, с какими трудностями можно столкнуться при переходе и как быстро прокачать свои навыки! И самое главное: покажем процесс разработки и поделимся полезными ресурсами🤩
Когда? 2 ноября в 19:00
Формат: онлайн-практикум (проведем практический разбор технических вопросов с демонстрацией экрана)
Организаторы: Neti Mobile
Для кого:
✔️разработчикам React (middle)
✔️разработчикам React Native (junior)
✔️неугомонным разработчикам с тягой к новым знаниям
Спикеры от Neti Mobile
👨🏻💻 Наби, руководитель
🧑🏼💻 Ленар, разработчик React Native
Подробная информация и регистрация по ссылке: https://neti.timepad.ru/event/1803851/
Расскажем, с какими трудностями можно столкнуться при переходе и как быстро прокачать свои навыки! И самое главное: покажем процесс разработки и поделимся полезными ресурсами🤩
Когда? 2 ноября в 19:00
Формат: онлайн-практикум (проведем практический разбор технических вопросов с демонстрацией экрана)
Организаторы: Neti Mobile
Для кого:
✔️разработчикам React (middle)
✔️разработчикам React Native (junior)
✔️неугомонным разработчикам с тягой к новым знаниям
Спикеры от Neti Mobile
👨🏻💻 Наби, руководитель
🧑🏼💻 Ленар, разработчик React Native
Подробная информация и регистрация по ссылке: https://neti.timepad.ru/event/1803851/
⚛️Понимание и реализация OAuth2 в Node.js В этом учебнике мы создадим два разных приложения: одно для клиента (на React) и другое для серверных возможностей. OAuth2 используется повсеместно. От кнопок "Войти с помощью Facebook" до аутентификации API. Но как это работает? В этой статье Диого Соуза мягко введет нас в основные понятия, лежащие в основе OAuth2, а затем проведет нас через его реализацию в Node.js. https://cutt.ly/jRhHGzs
Honeybadger Developer Blog
Understanding and Implementing OAuth2 In Node.js
OAuth2 is everywhere. From "Login With Facebook" buttons to back-end API authentication. But how does it work? In this article, Diogo Souza will give us a gentle introduction to the big concepts behind OAuth2, then walk us through implementing it in Node.js.