✨ 8 компонентов, чтобы стать мастером React 🧙 🧙 🪄 🪄 🪄 🪄
Я собрал компоненты React, которые вы можете использовать для создания идеального веб-сайта.
Каждый из них имеет уникальный вариант использования!
https://dev.to/github20k/8-components-to-become-a-react-master-2ee4
Я собрал компоненты React, которые вы можете использовать для создания идеального веб-сайта.
Каждый из них имеет уникальный вариант использования!
https://dev.to/github20k/8-components-to-become-a-react-master-2ee4
DEV Community
✨ 8 components to become a React master 🧙♂️ 🪄
TL;DR I have gathered React components you can use to build the ultimate website. Each...
📍SOLID в React: хорошее, плохое и потрясающее
Давайте поговорим о принципах SOLID с точки зрения приложения React.
https://itnext.io/solid-in-react-the-good-the-bad-and-the-awesome-79d6cc518d1f
📍Как избежать поломки вашего приложения React в рабочей среде
https://www.freecodecamp.org/news/how-to-avoid-breaking-your-react-app-in-production/?ref=dailydev
Давайте поговорим о принципах SOLID с точки зрения приложения React.
https://itnext.io/solid-in-react-the-good-the-bad-and-the-awesome-79d6cc518d1f
📍Как избежать поломки вашего приложения React в рабочей среде
https://www.freecodecamp.org/news/how-to-avoid-breaking-your-react-app-in-production/?ref=dailydev
Medium
SOLID in React: the good, the bad, and the awesome
Let’s talk about SOLID principles from the perspective of the React application. If you’re not sure what SOLID principles are, you might…
Создайте чат-бота с искусственным интеллектом с помощью стека MERN
Чат-боты используются повсюду. А чат-бот с искусственным интеллектом — отличный проект, который поможет изучить стек MERN. https://www.freecodecamp.org/news/build-an-ai-chatbot-with-the-mern-stack
Чат-боты используются повсюду. А чат-бот с искусственным интеллектом — отличный проект, который поможет изучить стек MERN. https://www.freecodecamp.org/news/build-an-ai-chatbot-with-the-mern-stack
freeCodeCamp.org
Build an AI Chatbot with the MERN Stack
Chatbots are being used everywhere. And an AI chatbot is a great project to help learn the MERN Stack. We just posted a new video course on the freeCodeCamp.org YouTube channel that will teach you how to create an AI chatbot with the MERN Stack. This...
Учебное пособие по полнофункциональному проекту — создание приложения-рецептов с использованием React, Node.js и PostgreSQL
https://www.freecodecamp.org/news/full-stack-project-create-a-recipe-app-using-react-node-js
https://www.freecodecamp.org/news/full-stack-project-create-a-recipe-app-using-react-node-js
freeCodeCamp.org
Full Stack Project Tutorial – Create a Recipe App Using React, Node.js and PostgreSQL
In this in-depth tutorial, we'll build a full stack recipe app from scratch, using React, Node.js, Postgres and the Spoonacular API. We'll cover features such as: Building an API server in Node Integrating securely with a 3rd party API Interacting w...
React-magic-motion — это библиотека react.js, которая ✨ волшебным образом анимирует ваши компоненты.
https://github.com/etesam913/react-magic-motion
https://github.com/etesam913/react-magic-motion
GitHub
GitHub - Etesam913/react-magic-motion: react-magic-motion is a react.js library that ✨ magically animates your components.
react-magic-motion is a react.js library that ✨ magically animates your components. - Etesam913/react-magic-motion
Девять лучших рекомендаций в новой документации по React (6 минут чтения)
В новой документации по React есть несколько ключевых моментов, которые помогут разработчикам писать более эффективный и поддерживаемый код React. https://blog.testdouble.com/posts/2023-10-16-react-docs-recommendations/
В новой документации по React есть несколько ключевых моментов, которые помогут разработчикам писать более эффективный и поддерживаемый код React. https://blog.testdouble.com/posts/2023-10-16-react-docs-recommendations/
Testdouble
Mastering React code style: Tips for cleaner code
Learn the top React code style recommendations from the latest React docs to write cleaner, more maintainable code. Perfect for improving team discussions.
React Performance Booster — введение в хук useMemo
https://dev.to/rasaf_ibrahim/react-performance-booster-introduction-to-the-usememo-hook-212i
https://dev.to/rasaf_ibrahim/react-performance-booster-introduction-to-the-usememo-hook-212i
DEV Community
React Performance Booster - Introduction to the useMemo hook
Hooks have revolutionized the way developers build React applications, offering a more intuitive and...
🔔. NET 8 - LTS, а значит с нами надолго (пока не выйдет 9)!
🔥На бесплатном вебинаре «Что нам принесет .NET 8» рассмотрим, какие новые возможности будут реализованы в новой версии дотнета, и реализуем их в новом проекте: регистрация
Нас ожидают:
— новинки в minimal api;
— performance-focused types;
— обновления криптографии;
— keyed DI services (один из последних аргументов в пользу стороннего di в вашем проекте).
Спикером выступит Антон Герасименко, тимлид и .NET Developer.
👉После вебинара вы сможете продолжить обучение на курсе по спеццене, в том числе, в рассрочку
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. erid: LjN8KUtut
🔥На бесплатном вебинаре «Что нам принесет .NET 8» рассмотрим, какие новые возможности будут реализованы в новой версии дотнета, и реализуем их в новом проекте: регистрация
Нас ожидают:
— новинки в minimal api;
— performance-focused types;
— обновления криптографии;
— keyed DI services (один из последних аргументов в пользу стороннего di в вашем проекте).
Спикером выступит Антон Герасименко, тимлид и .NET Developer.
👉После вебинара вы сможете продолжить обучение на курсе по спеццене, в том числе, в рассрочку
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. erid: LjN8KUtut
Forwarded from Frontend
Является ли Next.js 13 + RSC хорошим выбором? Я создал приложение без клиентского Javascript, чтобы выяснить это
https://dev.to/zenstack/is-nextjs-13-rsc-a-good-choice-i-built-an-app-without-client-side-javascript-to-find-out-hik
https://dev.to/zenstack/is-nextjs-13-rsc-a-good-choice-i-built-an-app-without-client-side-javascript-to-find-out-hik
DEV Community
Is Next.js 13 + RSC a Good Choice? I Built an App Without Client-Side Javascript to Find Out
Next.js 13 ignited the first wave of attention to React Server Components (RSC) around the end of...
Дао React - проектирование, архитектура программного обеспечения & Лучшие практики (20 минут чтения) В этой статье рассматриваются лучшие практики по структуре и дизайну React-приложений, а также общие правила построения продуктивной кодовой базы. Рассматриваются различные аспекты, включая компоненты, управление состояниями, структуру приложения, производительность, тестирование, стилистику и получение данных. подробнее→ https://alexkondov.com/tao-of-react/
Alexkondov
Tao of React - Software Design, Architecture & Best Practices
I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…
Создайте анимированное меню, такое как Stripe, с помощью React, Tailwind и AI.
https://www.builder.io/blog/stripe-menus
https://www.builder.io/blog/stripe-menus
Builder.io
Make an Animated Menu like Stripe with React, Tailwind, and AI
Learn how to leverage AI to convert Figma mockups into React components, and then plug in the interactivity to make a morphine animation like seen on Stripe.com
Полное руководство по WebSockets с React
На этой странице вы узнаете больше, чем когда-либо думали, что вам нужно знать о WebSockets с React
https://ably.com/blog/websockets-react-tutorial
На этой странице вы узнаете больше, чем когда-либо думали, что вам нужно знать о WebSockets с React
https://ably.com/blog/websockets-react-tutorial
Ably Realtime
The complete guide to WebSockets with React
Discover everything you need to know about using WebSockets with React, including how to build a smooth realtime cursor experience from scratch.
Как писать вспомогательные функции в React
Вспомогательные функции в React.js — ваши верные помощники, играющие решающую роль в упрощении сложных задач. Когда эти функции хорошо структурированы, они облегчают чтение, поддержку и повторное использование вашего кода. https://www.freecodecamp.org/news/helper-functions-in-react
Вспомогательные функции в React.js — ваши верные помощники, играющие решающую роль в упрощении сложных задач. Когда эти функции хорошо структурированы, они облегчают чтение, поддержку и повторное использование вашего кода. https://www.freecodecamp.org/news/helper-functions-in-react
freeCodeCamp.org
How to Write Helper Functions in React
Helper functions in React.js are like your trusty assistants, and they play a crucial role in simplifying complex tasks. When these functions are well-structured, they make your code easier to read, maintain, and reuse. In this article, we'll explor...
Keep React — библиотека компонентов пользовательского интерфейса с открытым исходным кодом, тщательно разработанная с помощью React и доведенная до совершенства с использованием Tailwind CSS. Руководствуемся принципами Keep Design System. https://react.keepdesign.io/
react.keepdesign.io
Keep React - Supercharge Your Web Development
Explore our library of 40+ open-source React UI components and interactive elements, empowering you to create stunning web projects effortlessly.
Почему вам нужен React-Query
Узнайте, почему React Query необходим для управления асинхронным состоянием в приложениях React.
https://tkdodo.eu/blog/why-you-want-react-query
Узнайте, почему React Query необходим для управления асинхронным состоянием в приложениях React.
https://tkdodo.eu/blog/why-you-want-react-query
tkdodo.eu
Why You Want React Query
Let's take a look at why you'd want a library like React Query, even if you don't need all the extra features it provides...
Как создать анимированное гамбургер-меню в React
Если вы хотите добавить в свои приложения React безупречную анимацию, Framer Motion — это инструмент для этой работы.
В этом уроке я покажу вам, как создать полностью анимированное мобильное меню с помощью Framer Motion в React. https://www.freecodecamp.org/news/how-to-create-an-animated-hamburger-menu-in-react
Если вы хотите добавить в свои приложения React безупречную анимацию, Framer Motion — это инструмент для этой работы.
В этом уроке я покажу вам, как создать полностью анимированное мобильное меню с помощью Framer Motion в React. https://www.freecodecamp.org/news/how-to-create-an-animated-hamburger-menu-in-react
freeCodeCamp.org
How to Create an Animated Hamburger Menu in React
By Yazdun Fadali If you're looking to add some polished animations to your React apps, Framer Motion is the tool for the job. In this tutorial, I'll walk you through creating a fully animated mobile menu using Framer Motion in React. What Are We Goi...