From 255d594e6a7eeb66b667e135c160b033bd6cf735 Mon Sep 17 00:00:00 2001 From: RedrockJS Date: Thu, 27 Mar 2025 16:13:25 +0300 Subject: [PATCH] update react --- docs/react/01-intro.md | 6 +++++- docs/react/10-pure-function.md | 4 ++++ 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/docs/react/01-intro.md b/docs/react/01-intro.md index ff6d4ce..57d8b2b 100644 --- a/docs/react/01-intro.md +++ b/docs/react/01-intro.md @@ -6,6 +6,8 @@ sidebar_position: 1 Библиотека React — это одна из самых популярных библиотек для создания пользовательских интерфейсов (UI) на JavaScript. Она разработана Facebook (ныне Meta) и активно используется для разработки веб-приложений, мобильных приложений (с помощью React Native) и даже десктопных приложений. Вот основные причины, зачем нужна React, её преимущества и недостатки: +🔥 [Зачем нужен React](https://youtu.be/hysPzOJZqQA) + ## Зачем нужна React? 1. **Создание динамических и интерактивных интерфейсов:** @@ -21,6 +23,7 @@ sidebar_position: 1 - С помощью React Native можно разрабатывать мобильные приложения для iOS и Android, используя те же принципы и подходы, что и в веб-разработке. ## Преимущества React +🔥 [Преимущества React](https://youtu.be/Qoz6Ky7kalw) 1. **Простота изучения:** - React имеет относительно низкий порог входа, особенно для разработчиков, уже знакомых с JavaScript и HTML. - JSX (синтаксис, похожий на HTML) делает код более читаемым и интуитивно понятным. @@ -58,4 +61,5 @@ sidebar_position: 1 ## Итог **React** — это мощная и гибкая библиотека, которая подходит для создания современных веб-приложений. Её компонентный подход, высокая производительность и огромная экосистема делают её одним из лучших инструментов для разработки интерфейсов. Однако для простых проектов или статических сайтов React может быть избыточным, и в таких случаях стоит рассмотреть более легкие решения. -🚀 **_Источник: DeepSeek_** \ No newline at end of file +🚀 **_Источник: DeepSeek_** +🚀 **Источник: [https://www.youtube.com/playlist?list=PL_Ff6C61NLImA9pRrkFXp8yaWz1_RtFdQ](https://www.youtube.com/playlist?list=PL_Ff6C61NLImA9pRrkFXp8yaWz1_RtFdQ)** \ No newline at end of file diff --git a/docs/react/10-pure-function.md b/docs/react/10-pure-function.md index ae78bf2..73ba6ea 100644 --- a/docs/react/10-pure-function.md +++ b/docs/react/10-pure-function.md @@ -4,10 +4,14 @@ sidebar_position: 10 # Pure function +Чистая функция не меняет никаких объектов или переменных, которые существовали до её вызова. При указании одинаковых входных данных должен быть всегда один и тот же результат. + В контексте **React** чистая функция — это **функция, которая**: 1. **Детерминирована** — при одинаковых входных данных всегда возвращает одинаковый результат. 2. **Не изменяет внешнее состояние** — не мутирует `props`, `state` или глобальные переменные. +React предполагает, что каждый написанный компонент является чистой функцией. React всегда должен возвращать один и тот же JSX при одинаковых входных данных. + ## Примеры чистых и нечистых функций в React ✅ Чистая функция (без побочных эффектов): ```tsx