Учим useContext за 10 минут - React Hooks. Вся база React Context API

  Рет қаралды 25,335

Влад Калачев - JavaScript уроки

Влад Калачев - JavaScript уроки

Күн бұрын

Пікірлер: 34
@-javascript2665
@-javascript2665 4 жыл бұрын
Оставляйте в комментариях темы, которые вы хотите, чтобы я разобрал в следующих видео! 00:00:00 Вступление 00:00:24 Что такое контекст? React Context API 00:03:40 Практика 00:04:01 React.createContext 00:06:52 useContext
@senyasong1421
@senyasong1421 2 жыл бұрын
Просто и понятно. Спасибо огромное за вашу работу) лайк
@alexandralexandr1051
@alexandralexandr1051 3 жыл бұрын
Как же доступно Вы объяснили! Огромное Вам спасибо!
@Gleb_Pastushenko
@Gleb_Pastushenko 2 жыл бұрын
Здравствуйте. Спасибо за объяснение. Не могу понять, зачем в React значения передаются в фигурных скобках (как и в этом видео на 6:27, когда в контекст передаётся значение стейта и функция для изменения стейта). Получается что мы передаём два значения, вроде как список, а в фигурных скобках - это по идее объект, но тогда вместо пар ключ-значение мы передаём через запятую стейт и функцию. Почему так? Спасибо
@petrkassadinovich2705
@petrkassadinovich2705 3 жыл бұрын
Спасибо за видео. А вы на работе typescript не используете?
@truedivan
@truedivan Жыл бұрын
Спасибо за видео!
@gurgen5217
@gurgen5217 Жыл бұрын
хорошее видео, спасибо. Все видео о useContext в youtube на примере смены тем. Неужели он более не на что не годится
@danildemchenko6004
@danildemchenko6004 3 жыл бұрын
Влад, здравствуйте. Объясните, пожалуйста, когда вообще стоит использовать контекст? ну типо, если у нас есть какой-нибудь редакс, не легче в него "положить" то же состояние цветовой темы на сайте?)
@darafrontend
@darafrontend 2 жыл бұрын
Редакс под капотом как раз и использует контекст в конечном итоге
@antonklochkov3416
@antonklochkov3416 2 жыл бұрын
Просто и доходчиво! 10 из 10!!
@ytuser9248
@ytuser9248 2 жыл бұрын
Спасибо большое. Кратко и по теме.
@404russ
@404russ 2 жыл бұрын
ты че делаешь синьор помидор ? Ты стейт в функции объявляешь ?
@yurykiryaev329
@yurykiryaev329 2 жыл бұрын
Добрый день, спасибо большое за видео, очень круто! Подскажите, а что у вас за библиотека показывающая вес импортируемых элементов?
@racman9964
@racman9964 2 жыл бұрын
Вроде бы в WebStorm, которым он пользуется, такая фича есть по дефолту, без установки плагинов. У меня другой редактор, не могу точно сказать)
@РусланИвлев-и8г
@РусланИвлев-и8г 2 жыл бұрын
@@racman9964 это не WebStorm, это VSCode. А расширение называется "Import Cost"
@ЕленаМ-о7щ
@ЕленаМ-о7щ 3 жыл бұрын
спасибо Вам за такое простое и доходчивое объяснение. Жаль, что так мало видео на канале
@SeptxD
@SeptxD 2 жыл бұрын
лучший!!
@voskoboinykov
@voskoboinykov 3 жыл бұрын
Благодарю))
@shoxerpetrosyan8678
@shoxerpetrosyan8678 2 жыл бұрын
Можно вопрос....Скажем у меня есть контекст. Я хочу при клике на батон отправлять картинку в базу данных. А после брать ссылку на картинку и менять стейт котекста. Но ка это делать,если я функцию создала отдельно от компонента,а контекст не работатет вне компонента
@Windowsalerti
@Windowsalerti 2 жыл бұрын
Круто получилось
@uranbob
@uranbob Жыл бұрын
как вы сказали весь компонент будет ререндерится - kzbin.info/www/bejne/bn3XY3uLnax-n7c как решать такие вопросы? можно более сложный пример? решает ли этот вопрос Redux?
@АБерс
@АБерс 2 жыл бұрын
Всех скороговорок не перескороговоришь не перевыскороговоришь))
@c4973
@c4973 2 жыл бұрын
почему так тихо записано?
@sergeyvladimirov9994
@sergeyvladimirov9994 2 жыл бұрын
Ну вот нихрена и не ясно. Все объясняют как тему поменять а мне не тему менять нужно, у меня другая задача. Мне нужно Упаковать коллекцию для передачи потомкам. Потомки будут вызываться линком. Ничего не работает Нигде НИГДЕ информации нет как это сделать
@astkh4381
@astkh4381 2 жыл бұрын
нашел?
@user-888azim-97
@user-888azim-97 Жыл бұрын
вот реально, я тоже поверила что можно это сделать через useContext. в одном компоненте меняю его значение, но это изменение НЕ передаётся в другие компоненты. в провайдер обернула, всё хорошо, не понимаю ошибку.
@user-888azim-97
@user-888azim-97 Жыл бұрын
видимо через пропсы нужно передавать по всему приложению, нафиг мне такое. сохранила в локальном хранилище, надобность в контексте исчезла.
@DartMitai
@DartMitai 4 жыл бұрын
go tutorial angulardart?
@-javascript2665
@-javascript2665 4 жыл бұрын
Sorry. Не являюсь специалистом по Dart. Хотя у меня есть парочку знакомых которые написали несколько крупных международных проектов на нем и очень его хвалят. Спасибо за идею. Возможно в будущем.
@DartMitai
@DartMitai 4 жыл бұрын
@@-javascript2665 из чата, после js пересесть на Dart дело пары вечеров.
@sergeyvladimirov9994
@sergeyvladimirov9994 2 жыл бұрын
разогнался он за 10..иш какой, а ну ка дай посмотрю ролик
@sergeyvladimirov9994
@sergeyvladimirov9994 2 жыл бұрын
И кстати терминал можно было и закрыть. Треть экрана занимал. Бесполезный короче
@zakiro4277
@zakiro4277 2 жыл бұрын
антураж конечно унылый как у моей древней бабушки 😁
Learn React Hooks: useContext - Simply Explained!
15:46
Cosden Solutions
Рет қаралды 184 М.
Учим useReducer за 14 минут - React Hooks
14:05
Влад Калачев - JavaScript уроки
Рет қаралды 8 М.
ТВОИ РОДИТЕЛИ И ЧЕЛОВЕК ПАУК 😂#shorts
00:59
BATEK_OFFICIAL
Рет қаралды 5 МЛН
Happy birthday to you by Secret Vlog
00:12
Secret Vlog
Рет қаралды 6 МЛН
Custom Hooks на примерах. Пишем свой useInput, useFetch, useTheme - React Hooks
23:33
Влад Калачев - JavaScript уроки
Рет қаралды 8 М.
Context API in react | get the concept
29:00
Hitesh Choudhary
Рет қаралды 67 М.
Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт
15:12
Frontend Fundamentals | Александр Караджиков
Рет қаралды 28 М.
Redux Полный Курс
1:23:41
Владилен Минин
Рет қаралды 269 М.
ПОЛНОЦЕННЫЙ ГАЙД ПО REACT CONTEXT
35:45
Ayub Begimkulov
Рет қаралды 10 М.
React 17: Хук useContext
18:31
Школа web-программирования Constcode
Рет қаралды 12 М.
React useContext() hook introduction 🧗‍♂️
11:37
Bro Code
Рет қаралды 37 М.
Пишем список задач на React (React Hooks)
18:37
Влад Калачев - JavaScript уроки
Рет қаралды 35 М.