Альтернатива Webflow с открытым исходным кодом, ориентированная на локальные сети. Разрабатывайте дизайн прямо на своем сайте React и публикуйте изменения в коде.
https://github.com/onlook-dev/onlook
https://github.com/onlook-dev/onlook
GitHub
GitHub - onlook-dev/onlook: The Cursor for Designers • An Open-Source Visual Vibecoding Editor • Visually build, style, and edit…
The Cursor for Designers • An Open-Source Visual Vibecoding Editor • Visually build, style, and edit your React App with AI - onlook-dev/onlook
Создание анимированной иконки гамбургер-меню для React
https://blog.logrocket.com/creating-animated-hamburger-menu-icon-react
https://blog.logrocket.com/creating-animated-hamburger-menu-icon-react
LogRocket Blog
Creating an animated hamburger menu icon for React - LogRocket Blog
Build a responsive React hamburger menu with CSS animations and ensure seamless (and delicious) cross-platform consistency.
Создание мини-приложений Telegram с помощью React
https://blog.logrocket.com/building-telegram-mini-apps-react/
https://blog.logrocket.com/building-telegram-mini-apps-react/
LogRocket Blog
Building Telegram Mini Apps with React - LogRocket Blog
Explore Telegram Mini Apps and the benefits they provide as we build and deploy a fullstack, ecommerce React app on Telegram.
Репозитории GitHub, необходимые каждому разработчику React
https://dev.to/surajondev/github-repos-essential-for-every-react-developer-464m
https://dev.to/surajondev/github-repos-essential-for-every-react-developer-464m
DEV Community
GitHub Repos Essential for Every React Developer
Introduction React is one of the most used frameworks for building frontend today. With...
Эффективные способы управления диалоговым окном Shadcn: 3 совета с кодом
https://blog.greenroots.info/shadcn-dialog-with-form-three-tips
https://blog.greenroots.info/shadcn-dialog-with-form-three-tips
GreenRoots Blog - Tapas Adhikary
Effective Ways to Manage Shadcn Dialog Box: 3 Tips with Code
How to Seamlessly Combine shadcn/ui Dialogs with your UI components like forms for Optimal Use, let's learn with a project and code examples.
Как добавить поиск на основе искусственного интеллекта в приложение React
Создайте приложение для поиска и рекомендации фильмов на React с помощью поиска Meilisearch на базе искусственного интеллекта.
https://blog.meilisearch.com/add-ai-powered-search-to-react
Как создать повторно используемый модальный компонент в React
https://www.freecodecamp.org/news/create-react-reusable-modal-component
Создайте приложение для поиска и рекомендации фильмов на React с помощью поиска Meilisearch на базе искусственного интеллекта.
https://blog.meilisearch.com/add-ai-powered-search-to-react
Как создать повторно используемый модальный компонент в React
https://www.freecodecamp.org/news/create-react-reusable-modal-component
Meilisearch
How to add AI-powered search to a React app
Build a React movie search and recommendation app with Meilisearch's AI-powered search.
Новые возможности React 19, которые вам следует знать — объяснения с примерами кода
https://www.freecodecamp.org/news/new-react-19-features-you-should-know-with-code-examples
https://www.freecodecamp.org/news/new-react-19-features-you-should-know-with-code-examples
Лучшие практики React, которые должен знать каждый разработчик
https://www.freecodecamp.org/news/react-best-practices-ever-developer-should-know/
https://www.freecodecamp.org/news/react-best-practices-ever-developer-should-know/
freeCodeCamp.org
React Best Practices Ever Developer Should Know
The more I study React.js, the more I fall in love with it. No doubt that it’s one of the most useful and loved front-end JavaScript libraries out there. And the improvements that the React team have made lately don’t just affect developers, but also...
Бесконечная прокрутка против пагинации: как сделать правильный выбор для приложений React
https://hackernoon.com/infinite-scrolling-vs-pagination-making-the-right-choice-for-react-apps
https://hackernoon.com/infinite-scrolling-vs-pagination-making-the-right-choice-for-react-apps
Hackernoon
Infinite Scrolling vs Pagination: Making the Right Choice for React Apps
Though infinite scrolling & pagination offer viable options for handling large datasets in React applications, check here what suites you best.
Создайте приложение для бронирования с нуля | React, Next.js, Appwrite, Tailwind
https://www.youtube.com/watch?v=l9zh0pqEHyc
https://www.youtube.com/watch?v=l9zh0pqEHyc
YouTube
Create A Booking App From Scratch | React, Next.js, Appwrite, Tailwind
In this 4-hour project-based course, we will build a booking app for meeting/conference rooms. We will be using React/Next along wth Appwrite, which is an open-source, all-in-one platform with databases, authentication, storage and more.
Visit Appwrite and…
Visit Appwrite and…
UI Builder — это компонент React с открытым исходным кодом, который обеспечивает визуальный способ создания UI без кода, совместимый с shadcn и пользовательскими компонентами.
https://www.uibuilder.app/
https://www.uibuilder.app/
www.uibuilder.app
UI Builder
No-code UI builder for React developers. It allows you to create and edit user interfaces, and export them to code. Uses shadcn/ui, tailwindcss and zustand.
This media is not supported in your browser
VIEW IN TELEGRAM
JSX.Design — это редактор WYSIWYG без кода для разработчиков React, который позволяет визуально создавать адаптивные пользовательские интерфейсы и генерировать чистый код JSX. https://jsx.design
17 проектов React, которые должен знать каждый разработчик 👩💻 🔥
https://dev.to/tolgee_i18n/17-must-know-react-projects-for-developers-28a2
https://dev.to/tolgee_i18n/17-must-know-react-projects-for-developers-28a2
DEV Community
17 Must-know React Projects for Developers 👩💻 🔥
The react ecosystem is huge, thanks to the developer community. Thousands of packages, libraries and...
Разработчик из Makeswift делится идеями из проекта, направленного на улучшение их файлового менеджера с помощью выбора перетаскивания. Они подробно описывают проблемы, с которыми пришлось столкнуться, в частности, с управлением состоянием, и представляют решение с использованием векторов для упрощения процесса выбора перетаскивания.
https://www.joshuawootonn.com/react-drag-to-select
https://www.joshuawootonn.com/react-drag-to-select
Joshuawootonn
Drag to Select
Drag selection is the defacto pointer multi-selection. In this guide we'll recreate native-like drag selection in react.