Opublikowano śro 04 listopada 2020 w reactjs • Tagi: react, hooks, props • 2 min read
Wymagania wstępne: git, GitHub, Create React App, Node.js, NPM
Poniżej wypunktuje jak w prosty sposób można opublikować na GitHub-Pages swoją aplikację reactową stworzoną przy pomocy narzędzia Create React App
! W pierwszej kolejności warto ustawić środowisko Routera aby dopasowało się do hostującego środowiska (PUBLIC_URL zostanie podstawione przez ścieżkę absolutną folderu …
Opublikowano pon 14 września 2020 w reactjs • Tagi: react, hooks, props • 3 min read
Routing - "ścieżkowanie", rozpoznawanie na podstawie ścieżki zasobów jaki serwer może zwrócić, inaczej to określając jest procesem rozpoznawania zasobów serwera
React Router jest tzw high order component i dostarcza nam szereg innych komponentów, które można wykorzystać w trakcie tworzenia nawigacji tworzonej aplikacji
HashRouter lub BrowserRouter - główny komponent "opakowujący" nawigację
Route, - komponent …Opublikowano czw 10 września 2020 w reactjs • Tagi: react, hooks, props • 1 min read
Przy pomocy Create React APP oraz jednej komendy tworzymy repopozytorium z szkielet aplikacji, instalacją zależności oraz inicjalizujemy git
npx create-react-app <nazwa-aplikacji/projektu>
Jeśli chcemy wypushować do GitHuba to odwiedzamy własne konto tworzymy nowe repo nadajemy mu nazwę (licencję, readme i inne informacje pomijamy) następnie kopiujemy link do wypuszowania (wypchnięcia na …
Opublikowano ndz 30 sierpnia 2020 w reactjs • Tagi: react, hooks, props, props-drilling, kompozycja • 3 min read
Kontekst/Context API pozwala komponentowi na pozyskanie danych z kontekstu a nie przez props poprzez tworzenie globalnych danych dostępnych dla całości drzewa komponentu [innymi słowy uniknięcia sytuacji, w której przekazujemy informację do wielowarstwowo-zagnieżdżonego komponentu przez wiele pośredniczących komponentów (tzn. przez każdy poziom struktury)]. Na jakiego typu danych może …
Opublikowano sob 29 sierpnia 2020 w reactjs • Tagi: react, hooks, props, props-drilling, kompozycja • 2 min read
props.children pozwala nam na tworzenie komponentów otwartych na uzupełniania nowym kodem, wystarczy wykorzystać {props.children} w ramach komponentu aby wskazać, w którym miejscu istnieje możliwość uzupełnienia/wstawienia kodu
Komponent otwarty na ew. rozszerzenia o nową treść
function TestComposition(props) {
let {children} = props;
return (<div>
<h1>Test Kompozycji</h1>
{children …Opublikowano czw 23 lipca 2020 w reactjs • Tagi: komponenty, props, react, components, destrukturyzacja, fragmenty • 4 min read
Aplikacje/strony tworzone przy pomocy Reacta składają się z komponentów. Komponenty tworzą strukturę aplikacji i są interaktywny - mogą przyjmować dane i na ich podstawie zwracać zmienione komponenty (tworzona są przy pomocy klas lub funkcji)
Komponenty są elementami strony, które się powtarzają i stanowią spójną całość, warto podzielić dany komponent na …