Как использовать инструменты разработчика React – объяснено на примерах
https://www.freecodecamp.org/news/how-to-use-react-devtools
https://www.freecodecamp.org/news/how-to-use-react-devtools
freeCodeCamp.org
How to Use React Developer Tools – Explained With Examples
Traditional browser developer tools are designed to inspect and debug web pages by interacting with your HTML, CSS, and JavaScript code. However, you can't use them to inspect and debug React applications efficiently due to the nature of React. This ...
Как создать чат-бота React — пошаговое руководство
https://www.freecodecamp.org/news/how-to-create-a-react-chatbot
https://www.freecodecamp.org/news/how-to-create-a-react-chatbot
freeCodeCamp.org
How to Create a React Chatbot – a Step by Step Guide
In the ever-evolving realm of web technologies, the integration of AI-powered chatbots has become a defining trend in 2024. With rapid advancements in Large Language Models (LLMs), chatbots have grown to become pivotal tools adopted across many webs...
Потрясающий список библиотек компонентов пользовательского интерфейса React Tailwind CSS!
https://github.com/hevar/awesome-react-tailwindcss-ui-components
https://github.com/hevar/awesome-react-tailwindcss-ui-components
GitHub
GitHub - hevar/awesome-react-tailwindcss-ui-components
Contribute to hevar/awesome-react-tailwindcss-ui-components development by creating an account on GitHub.
Zustand против useState – как управлять состоянием в приложениях React
Управление состоянием в приложениях React сильно изменилось за последние годы, особенно с развитием функционального состояния и введением хуков.
https://www.freecodecamp.org/news/zustand-vs-usestate-how-to-manage-state-in-react
Управление состоянием в приложениях React сильно изменилось за последние годы, особенно с развитием функционального состояния и введением хуков.
https://www.freecodecamp.org/news/zustand-vs-usestate-how-to-manage-state-in-react
freeCodeCamp.org
Zustand vs useState – How to Manage State in React Apps
State management in React applications has evolved a lot in recent years, especially with the advancement of functional state and the introduction of hooks. Developers have more flexibility and state management has generally become simpler. But as ap...
Как развернуть приложение React с помощью Nginx в Ubuntu
https://www.digitalocean.com/community/tutorials/deploy-react-application-with-nginx-on-ubuntu
https://www.digitalocean.com/community/tutorials/deploy-react-application-with-nginx-on-ubuntu
Digitalocean
How To Deploy a React Application with Nginx on Ubuntu | DigitalOcean
This tutorial covers steps to deploy a React application with Nginx service on an Ubuntu machine.
React 19 позволяет писать невозможные компоненты
https://www.mux.com/blog/react-19-server-components-and-actions
https://www.mux.com/blog/react-19-server-components-and-actions
Mux
React 19 lets you write impossible components | Mux
What can you do with Server Components and Actions in React 19? Let’s talk about how React 19’s features are a big deal, even for a simple marketing site.
Красивые анимации движения Framer
Коллекция сделанных вручную, бесплатных и готовых к использованию анимаций и вариантов для вашего следующего проекта.
https://variantvault.chrisabdo.dev/
Коллекция сделанных вручную, бесплатных и готовых к использованию анимаций и вариантов для вашего следующего проекта.
https://variantvault.chrisabdo.dev/
variantvault.chrisabdo.dev
Variant Vault - A collection of Framer Motion variants for your next project.
Variant Vault is a collection of Framer Motion variants for your next project. All free to use and open source.
CopilotKit (репозиторий GitHub)
CopilotKit — это группа компонентов React, которые помогают интегрировать функции искусственного интеллекта в ваше приложение.
https://github.com/CopilotKit/CopilotKit
CopilotKit — это группа компонентов React, которые помогают интегрировать функции искусственного интеллекта в ваше приложение.
https://github.com/CopilotKit/CopilotKit
GitHub
GitHub - CopilotKit/CopilotKit: Frontend & infra for AI agents, chatbots & textareas that interact with your web-app 🪁
Frontend & infra for AI agents, chatbots & textareas that interact with your web-app 🪁 - CopilotKit/CopilotKit
Forwarded from Frontend
Напишите компонент React как профессионал
https://medium.com/@scozdev/write-a-react-component-like-a-pro-4852109ffee5
https://medium.com/@scozdev/write-a-react-component-like-a-pro-4852109ffee5
Medium
Write a React Component Like a Pro
In the world of React, writing components is an art. It’s not just about making them work — it’s about making them work well. Today, we’re…
Отображайте PDF-файлы в вашем приложении React так же легко, как если бы они были изображениями. https://github.com/wojtekmaj/react-pdf
GitHub
GitHub - wojtekmaj/react-pdf: Display PDFs in your React app as easily as if they were images.
Display PDFs in your React app as easily as if they were images. - wojtekmaj/react-pdf
Forwarded from Frontend
Напишите компоненты один раз, запустите везде. Компилируется в React, Vue, Qwik, Solid, Angular, Svelte и другие. https://github.com/BuilderIO/mitosis
GitHub
GitHub - BuilderIO/mitosis: Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more. - GitHub - BuilderIO/mitosis: Write components once, run everywhere. Compiles to React, Vue, ...
В этой статье мы рассмотрим Context API, начиная с понимания необходимости его использования в приложениях React и заканчивая его настройкой и эффективным использованием.
https://www.freecodecamp.org/news/react-context-api-explained-with-examples
https://www.freecodecamp.org/news/react-context-api-explained-with-examples
freeCodeCamp.org
React Context API Explained with Examples
Managing state has always been a critical aspect of making web applications with React. The most basic way to do this is prop drilling. In prop drilling, you pass props around from the parent component to other components that need it, no matter how ...
Поскольку хуки являются частью основы React, здесь мы рассмотрим, как к ним применяются принципы SOLID.
https://dev.to/perssondennis/write-solid-react-hooks-436o
https://dev.to/perssondennis/write-solid-react-hooks-436o
DEV Community
Write SOLID React Hooks
SOLID is one of the more commonly used design patterns. It's commonly used in many languages and...
Аутентификация в React с помощью JWT, токенов доступа и обновления (полное руководство)
https://www.youtube.com/watch?v=AcYF18oGn6Y
https://www.youtube.com/watch?v=AcYF18oGn6Y
YouTube
Authentication in React with JWTs, Access & Refresh Tokens (Complete Tutorial)
🚀 Project React → https://cosden.solutions/project-react
📥 Import React (Newsletter) → https://cosden.solutions/newsletter?s=ytd
Join The Discord! → https://discord.cosden.solutions
VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"…
📥 Import React (Newsletter) → https://cosden.solutions/newsletter?s=ytd
Join The Discord! → https://discord.cosden.solutions
VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"…