Как использовать react-icons для установки Font Awesome в приложении React https://goo.su/7rfW
freeCodeCamp.org
How to use react-icons to install Font Awesome in a React app
React-icons is a small library that helps you add icons (from all different icon libraries) to your React apps. It delivers the icons to your app as components so they're easier to work with, and it lets you style them so they're consistent with the overall…
Это первая предварительная альфа-версия для React-Redux v8. https://cutt.ly/VEKPPz8
GitHub
Release v8.0.0-alpha.0 · reduxjs/react-redux
This is the initial alpha preview release for React-Redux v8.
This alpha release reworks useSelector and connect for compatibility with React 18, rewrites the React-Redux codebase to TypeScript (ob...
This alpha release reworks useSelector and connect for compatibility with React 18, rewrites the React-Redux codebase to TypeScript (ob...
Как я структурирую свои проекты на React Прошло довольно много времени с тех пор, как я написал статью о том, как я структурирую свои REST API для Node.js. В статье описан подход к созданию хорошо организованной и поддерживаемой структуры папок для приложений Node.js.
Поэтому сегодня я хочу говорить не об API Node.js, а об архитектуре приложений React и второй раз ответить на тот же вопрос из предыдущей статьи:
Как должна выглядеть структура папок? https://goo.su/7UgN
Поэтому сегодня я хочу говорить не об API Node.js, а об архитектуре приложений React и второй раз ответить на тот же вопрос из предыдущей статьи:
Как должна выглядеть структура папок? https://goo.su/7UgN
20 лучших компонентов пользовательского интерфейса React Accordion для веб-разработчиков Привет, разработчики React.js.
Взгляните на эти 20 примеров компонента пользовательского интерфейса React Accordion для вдохновения. https://cutt.ly/eEKuyKA
Взгляните на эти 20 примеров компонента пользовательского интерфейса React Accordion для вдохновения. https://cutt.ly/eEKuyKA
React.js Examples
20 Best React Accordion UI Component For Web Developers
Take a look at these 20 samples of React Accordion UI Component for inspiration.
Лучшие библиотеки анимации для React Для reactjs доступно множество библиотек анимации реакции. Самые популярные перечислены ниже. https://cutt.ly/3EKuke6
DEV Community
Top animation libraries for React
There are a lot of react animation libraries available for reactjs. The top ones are listed...
Лучший способ форматировать числа и манипулировать ими в JavaScript Сегодня мы увидим очень популярную и простую в использовании библиотеку, которая позволяет нам преобразовывать числа и манипулировать ими.
Часто нам нужно отображать числа, например, от 1400 до 1,4k, от 1000000 до 1M, которые могут быть количеством просмотров, лайков или комментариев.
Иногда нам нужно добавлять запятые к длинным числам, чтобы их было легче понять.
Самостоятельно справиться со всеми сценариями очень сложно.
Итак, чтобы облегчить нашу задачу, есть библиотека, известная как Numeral. https://cutt.ly/ZEKuYRX
Часто нам нужно отображать числа, например, от 1400 до 1,4k, от 1000000 до 1M, которые могут быть количеством просмотров, лайков или комментариев.
Иногда нам нужно добавлять запятые к длинным числам, чтобы их было легче понять.
Самостоятельно справиться со всеми сценариями очень сложно.
Итак, чтобы облегчить нашу задачу, есть библиотека, известная как Numeral. https://cutt.ly/ZEKuYRX
DevDojo
Best Way to Format And Manipulate Numbers In JavaScript
Today we will see a very popular and easy-to-use library that allows us to convert and manipulate numbers. Many times we need to display numbers like 1400 to 1.4k, 1000000 to 1M which may be numbers o...
Простое самостоятельное приложение для организации фрагментов кода, созданных с помощью React. Snippet Box - это простое самостоятельное приложение для организации фрагментов кода. Это позволяет вам легко создавать, редактировать, просматривать и управлять вашими сниппетами на разных языках. Благодаря встроенной поддержке Markdown, Snippet Box позволяет очень легко добавлять заметки или простую документацию в ваш код. https://cutt.ly/nEKomwC
React.js Examples
A simple self-hosted app for organizing your code snippets built using react
Полное руководство по настройке 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
— Участие в планерках, демо, ретро и ежедневных стендапах
Полное описание вакансии