Ekosystem JavaScript i TypeScript.
A Width Check Said the String Was Safe to Cut. It Split a Kanji in Half. A name entered a terminal table and came out broken. The surname was 𠮷田. The first character is not the c…
Jak skonfigurować React Context. Prop drilling niszczy Twój kod. Przekazujesz dane przez pięć warstw komponentów, które ich nie potrzebują. React Context rozwiązuje ten problem. Jednak większość konfiguracji tworzy…
Testowanie procesów zmiany adresu e-mail bez pomijania linków. Zmiana adresu e-mail w koncie wydaje się błahostką. To częsta pułapka dla zespołów QA. Jeden tester aktualizuje adres, a druga osoba otwiera e-mail...
Zasada 3 sekund w wydajności stron internetowych. Masz trzy sekundy. Potem Twoi użytkownicy odchodzą. Badania Google pokazują, że 53% użytkowników urządzeń mobilnych opuszcza stronę, jeśli jej ładowanie trwa dłużej niż 3 sek…
Używanie React Refs i hooka useRef. React stosuje podejście deklaratywne. Aktualizujesz stan, a React aktualizuje interfejs użytkownika. Działa to w większości przypadków, ale czasami musisz wyjść poza...
Dlaczego używanie indeksu jako klucza w React to zły pomysł. Tworzysz dynamiczną listę w React. Usuwasz jeden z elementów. Nagle stan UI innego elementu ulega zmianie. Albo sortujesz listę i in…
Śledź odwiedzających stronę w czasie rzeczywistym bez subskrypcji. Klient chciał widzieć, kto znajduje się na jego stronie internetowej w czasie rzeczywistym. Podobał mu się widget Tidio, ale nie chciał płacić za subskrypcję...
Dlaczego potrzebujesz właściwości 'key' w React. Widzisz ten błąd w konsoli: "Każde dziecko w liście powinno mieć unikalną właściwość 'key'." Wielu programistów go ignoruje. To błąd. To ostrzeżenie...
Mój agent programistyczny pamiętał sesje, a nie pracę. Agent programistyczny może utrzymywać wątek, a mimo to sprawiać wrażenie zapominalskiego. Napotkałem ten problem podczas budowania CliGate. Naprawiłem ciągłość sesji...
Słowo kluczowe 'using' w TypeScript i jawne zarządzanie zasobami. Wycieki pamięci na produkcji często wynikają z jednego błędu: programiści pozyskują zasoby, ale nie potrafią ich zwolnić. Połączenia z bazą danych...
Jak zaktualizowałem każdy oddział bez dotykania ani jednej maszyny. Stworzyłem wewnętrzne narzędzie desktopowe przy użyciu Electrona. Działa ono na maszynach w wielu oddziałach. Te biura mają róż…
Dzień 5 nauki Reacta: Batching i aktualizacje funkcyjne. Myślałem, że wielokrotne wywoływanie funkcji ustawiającej stan powoduje wielokrotne renderowanie. Myliłem się. React jest sprytniejszy. Wykorzystuje on…
My Backup Lost Every Photo I built a backup button for an offline mood tracker. It exported data to a JSON file. Users could save it and move it to a new phone. It seemed perfect.…
Why Your Vibe Coded Website Will Never Rank A founder showed me a website last month. It looked great. It had clean animations and sharp copy. He built it in one afternoon using A…
Niestandardowy e-commerce na Firebase. Zbudowałem własną stronę e-commerce od podstaw. Nie korzystałem z gotowych platform. Użyłem Firebase Realtime Database oraz Netlify. Celem było...
Podpisany token między dwiema aplikacjami PWA: HMAC SHA256 bez backendu. Musisz przekazać tożsamość użytkownika z jednej aplikacji PWA do drugiej. Obie aplikacje działają w oddzielnych projektach Firebase. Nie współdzielą żadnych danych...
Zbuduj swojego pierwszego bota na Discorda w JavaScript. Chcesz stworzyć bota na Discorda. Może widziałeś boty odtwarzające muzykę lub przeprowadzające ankiety i zastanawiałeś się, jak one działają. Pod koniec tej serii...
Dlaczego po 7 latach wróciłem do JavaScriptu. Jestem programistą UI z 7-letnim doświadczeniem. Znam HTML i CSS. Potrafię zamieniać projekty z Figmy na kod. Ale nigdy nie czułem się jak prawdziwy de…
You Don't Use Linked Lists. But They're Running Half Your Software. You will likely never write a linked list in a production JavaScript project. Your language built in arrays han…
Gdy React mówi „re-render”, oznacza to trzy rzeczy. Kiedy wywołujesz setState, React nie tylko aktualizuje DOM. Wykonuje on trzy oddzielne fazy w określonej kolejności. Większość programistów myli t…
100 dni, 87 narzędzi, zero serwerów. Spędziłem 100 dni na budowaniu ToolKnit. To zestaw 87 narzędzi działających w przeglądarce. Większość stron z narzędziami działa w następujący sposób: przesyłasz plik, a serwer przetwarza…
Przeprowadziłem rozmowy z 5 kandydatami na stanowisko techniczne. W zeszłym tygodniu przeprowadziłem rozmowy z pięcioma kandydatami na stanowisko frontendowe. Mieli różne doświadczenia i umiejętności. Pod koniec dnia...
React Lost Its Mass and Vercel Is Wearing Its Skin The React community used to own the project. Now, it feels like a hosting company manages it. The shift happened slowly. Then it…
25 błędów JSON, które popełnia każdy programista. JSON to podstawa komunikacji w sieci. Jest lekki i łatwy do odczytania, jednak jego zasady są surowe. Nawet małe błędy mogą zepsuć Twój kod...
