Този урок е достъпен само в платената версия на курса.
Вземи достъп до всички уроци 💫 цена: 180лв.
Основи на React.js
В това видео ще разгледаме как да използваме Context в React.js приложения. Ще видим как да използваме useContext hook и как да създадем собствен Context.
Контекстът в React.js е мощен инструмент, който ни позволява лесно да споделяме данни или функционалност между компонентите в дървото на нашето приложение.
Когато имаме нужда от достъп до определени данни или настройки в няколко компонента на различни нива на дървото, контекстът е идеалното решение за подобни сценарии.
Един от начините да използваме контекста е чрез създаване на контекст с функцията createContext, която ни връща Provider компонент. Този Provider се поставя в най-горния компонент на React-дървото и предоставя стойността, която искаме да споделим.
Посредством хука useContext можем лесно да достъпим тази информация в желания компонент. Това ни позволява да контролираме откъде и как се използва тази стойност в нашето приложение.
Промяната на стойността в контекста е също толкова лесна, като създадем функция за промяна на стойността и я предоставим чрез контекста. Последвайки този подход, можем да актуализираме данните в контекста и автоматично да пререндерираме всички компоненти, които ги използват.
Използването на контекст в React.js може значително да опрости процеса на споделяне на информация между компонентите и да улесни управлението на стейтовете и функционалностите в нашето приложение.
Практиката е най-бързия начин да усвоиш знания трайно. Подготвил съм ти малка задача свързана с урока.
Материали свързани с урока:
→ Файлове към урока
→ Context (официална документация)
