Lokalny serwer HTTP: Proste sposoby na problemy z file:///

Po co Ci lokalny serwer HTTP? Bardzo wiele osób skarży się mi na dziwne problemy z aplikacjami. Błędy są przeróżne, a często mają wspólne źródło: Próba otwarcia pliku .html w przeglądarce przez file:// i brak serwera HTTP. Błędy protokołu file:// Przykładem błędu, na który często skarżą się czytelnicy jest: XMLHttpRequest cannot load file://…… Cross origin requests are only supported for protocol …

React + Redux — kurs: wprowadzenie i podstawy

Ten wpis jest 25 częścią z 32 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!

Flux i Redux

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

Na codzień korzystam z Redux razem z React. Dawniej używałem też własnej implementacji architektury Flux razem z AngularJS. Postanowiłem napisać o tym koncepcie coś więcej — bo jest to bez wątpienia bardzo ciekawe! Jednokierunkowy przepływ danych, akcje, dispatcher, action creator, reducer… to wszystko w tym wpisie 🙂 A do tego klarowne, praktyczne przykłady!

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

Ten wpis jest 22 częścią z 32 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 32 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 32 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 …