DOM

Znamy już dostatecznie dużo Reacta, JSa oraz HTMLa, aby ogarnąć komponent Reacta sterujący HTMLDialogElement. Kontynuacja lekcji poprzednich, do dzieła.

Poznajemy HTMLDialogElement, świetną rzecz w HTML5, z której będziemy często korzystać i dziwić się, że kiedyś mogło tego nie być w HTMLu i zachodzić w głowę jak wtedy ludzie sobie radzili. Do dzieła.

Poznajemy przykład dość zaawansowanego używania useRef, forwardRef oraz useImperativeHandle. Upewniamy się, że wszystko rozumiemy. Do dzieła.

Poznaliśmy już refy, forwardowanie refów, imperative handle oraz portale, najwyższa pora zobaczyć createRoot z biblioteki React-dom i postarać się zrozumieć, co się tam dzieje.

Poznajemy funkcję createPortal z react-dom, która pozwala nam renderować DOM gdziekolwiek wewnątrz drzewa DOM pliku HTML, z którego korzysta nasz projekt Reacta. Do dzieła.

Nie wspominałem o tym, bo wydawało mi się to oczywiste, ale tak jak propsy możemy przekazywać w dół w jedynym słusznym kierunku przez wiele komponentów, to samo możemy robić z forwardRef.

Skoro znamy już useRef i forwardRef, najwyższa pora poznać hook useImperativeHandle. Do dzieła.

Przypominamy sobie, czym jest hook useRef oraz poznajemy funkcję forwardRef, która pozwala na przekazywanie ref do naszego komponentu. Do dzieła.

Poznajemy dość ciekawy custom hook, z Githuba, który już nieco sobie omawialiśmy. Moim zdaniem całkiem ładny, do dzieła!

Kolejny przykład asynchronicznego useEffect z internetu, omawiamy go sobie, kontynuacja lekcji poprzedniej. Do dzieła.

Na przykładzie kodu znalezionego w internecie poznajemy jak działa useEffect razem z asynchronicznymi funkcjami. Do dzieła.

Dalej zagłębiamy się w bardzo istotny hook Reacta, jakim jest useReducer. Kontynuacja lekcji poprzednich, do dzieła!