TGViewer
Channel Public Channel
REact

REact

@react_prog

Статьи, уроки, инструменты и все что связано с reactjs.

По вопросам сотрудничества- @Daily_admin_info

По иным темам @un_ixtime
Open in Telegram
Subscribers
1.57K
Photos
249
Videos
2
Links
1K

Showing posts older than #876 · Back to latest

Older Posts 20 shown
Post #875 956
Параллелизм — одна из важных вещей, которые мы получили с выпуском React 18. Поскольку эта функция полностью доступна, а React 18 обратно совместим с предыдущими версиями, вы можете даже не заметить новые функции. Если вы хотите наверстать упущенное и наконец узнать, что такое параллелизм, как он работает и как он может улучшить ваше приложение — продолжайте читать.

https://sinja.io/blog/guide-to-concurrency-in-react-18
sinja.io Concurrency in React 18 for busy bees · OlegWock Guide to concurrency, CPU- and IO-bound components, and other interesting stuff. Finally, learn wtf deferred value is.
Post #872 798
Как создать анимацию прокрутки с помощью React, Tailwind CSS и Framer Motion

Библиотека Framer Motion упрощает интеграцию анимации в ваши приложения React. С помощью нескольких строк кода вы можете решить задачу, которая может показаться сложной. https://www.freecodecamp.org/news/create-scroll-animations-with-framer-motion-and-react
freeCodeCamp.org How to Create Scroll Animations with React, Tailwind CSS, and Framer Motion By Manu Arora Scroll-based animations are triggered when a user scrolls on a webpage. Recently, I built a Scroll Animation with Framer Motion that moves grids in uneven directions. This project prompted me to write a tutorial about how I did that her...
Post #867 790
Как использовать React Suspense для улучшения ваших проектов React

Экосистема React постоянно растет, и кажется, что всегда появляются новые функции и улучшения, делающие разработку более эффективной и удобной для пользователя.

React Suspense — одна из таких функций, которая стала довольно популярной среди разработчиков React.

В этом руководстве вы узнаете все о React Suspense и изучите его функции, варианты использования и потенциал для преобразования ваших веб-приложений. https://www.freecodecamp.org/news/react-suspense
freeCodeCamp.org How to Use React Suspense to Improve your React Projects React's ecosystem is always growing, and it seems like there are always new features and enhancements to make development more effective and user-friendly. React Suspense is one such feature that has become quite popular among React devs. In this gui...
Post #863 738
Демистификация React с использованием Callback Hook

В этой статье дается подробное объяснение хука useCallback в React. useCallback помогает избежать ненужных повторных рендеров за счет мемоизации функций обратного вызова, обеспечивая их воссоздание только в случае необходимости. На примерах кода в статье объясняется мемоизация - ключевая концепция useCallback, а также React.memo, компонент, используемый для мемоизации целых компонентов React. https://semaphoreci.com/blog/react-usecallback-hook
Semaphore A React useCallback Hook Primer In this article, we explore the key concepts related to useCallback, including its purpose, usage, benefits, and best practices.
Post #860 752
Как создать анимированное гамбургер-меню в 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...
Post #857 679
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.
Post #856 765
Как писать вспомогательные функции в 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...
Post #855 957
Полное руководство по WebSockets с React

На этой странице вы узнаете больше, чем когда-либо думали, что вам нужно знать о 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.
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →