React + Redux — kurs: wprowadzenie i podstawy

Ten wpis jest 24 częścią z 25 w kursie React.js

Redux! Kurs Reacta dorobił się odcinka o Reduksie! Powoli wprowadzę Cię świat Reduksa, nauczysz się używać tej łatwej biblioteki, poznasz koncepty stojące za nią i napiszesz prostą aplikację. Redux: Oto wpis, na który wszyscy czekali! 🙂 Nie będzie teorii. Od razu zaczniemy używać Reduksa. Bo on jest tak naprawdę niesamowicie łatwy w obsłudze. Brzmi dobrze? Zaczynajmy!

Odpowiadam na pytania: props, nawiasy klamrowe, funkcje vs klasy, import react

Ten wpis jest 22 częścią z 25 w kursie React.js

Kolejna seria Waszych pytań i moich odpowiedzi na temat React. W komentarzach i na fejsie pojawia się ich mnóstwo, staram się wyłapywać, zapisywać i kompilować w postaci artykułu. Oto one 🙂 Wasze pytania i odpowiedzi Jaka jest różnica pomiędzy props=”{login}” a props={login}? To co wpiszesz wewnątrz „” będzie traktowane jako ciąg znaków. A więc props=”{login}” spowoduje przekazanie do komponentu ciągu znaków „{login}”. Drugia wersja, czyli props={login} …

Formularze w React.js — niekontrolowane komponenty

Ten wpis jest 21 częścią z 25 w kursie React.js

Część druga formularzy w React.js — tym razem formularze tak zwane „niekontrolowane” — czyli Uncontrolled Components. Czym są i jak się ich używa? No i po co Ci w ogóle formularze niekontrolowane w React.js? Niekontrolowane formularze — Uncontrolled Components W większości przypadków poleca się używanie jednak kontrolowanych formularzy. Jak już wcześniej pisałem, w kontrolowanych formularzach to React jest jedynym źródłem danych i tylko React kontroluje …

Formularze w React.js — kontrolowane komponenty

Ten wpis jest 20 częścią z 25 w kursie React.js

Dzisiaj zajmiesz się imlementacją formularzy w React.js. Już wcześniej dokonywałaś/eś interakcji z polami formularza — ale raczej w prosty sposób. Dzisiaj o formularzach kontrolowanych w React.js Kontrolowane formularze w React.js Kontrolowane komponenty w React.js (Controlled Components) — to takie komponenty, których wewnętrzny stan jest kontrolowany przez Reacta. O czym mówię? Weźmy prosty kod: <input onChange={this.handleChange} /> Ten input nie jest kontrolowany przez Reacta dlatego, że jego …