Powiązane publikacje 'react'


Rozszerzalne tagi z Framer Motion i React
Wersja wideo tego bloga Framer Motion to prawdopodobnie jedna z najpotężniejszych bibliotek do animacji interfejsu użytkownika w React. Niedawno miałem okazję dogłębnie pobawić się tą biblioteką w przypadku niektórych rzeczy, nad którymi pracuję w Razorpay. W tym wpisie na blogu wideo zamierzam podzielić się niektórymi zdobytymi doświadczeniami, tworząc rozwijalny komponent tagów, którego treść zmienia się, gdy użytkownik najedzie na niego kursorem. Omówię różne przypadki Edge w..
Jak przeszedłem na Vue.js do celów osobistych. Perspektywa programisty React
W tym momencie jestem programistą reagującym już od dłuższego czasu. Dla mnie wszystko zaczęło się od poszukiwania nowej technologii, która mogłaby wesprzeć moje osobiste projekty. Wiele lat później — pracuję jako pełnoetatowy programista React i nie mogę się z tym czuć lepiej. Nie oznacza to jednak, że się nie rozglądam. Jestem osobą, która stara się znaleźć idealne narzędzie do swojej pracy, nawet jeśli nie leży ono w moich umiejętnościach (jeszcze). No i oczywiście o Vue zrobiło..
Formy reaktywne w Angularze
Celem tej prelekcji było pokazanie potencjału formularzy reaktywnych, w szczególności tego, jak radzą sobie ze złożonymi formularzami z dużą ilością walidacji. Każda kontrolka w formularzu (wybór, wejście, pole wyboru itp.) ma właściwość valueChanges , Observable, który możemy subskrybować, aby obserwować zmiany w czasie i przekształcać wartości za pomocą operatorów RxJS w funkcjonalny sposób. Dlatego formularz jest traktowany jak strumień danych, w którym każde pole zachowuje się jak..
Reaguj hooki: wprowadzenie do UseContext
Hak useContext został wprowadzony jako część API React Hooks w React 16.8. Przed jego wprowadzeniem zarządzanie stanem globalnym w aplikacjach React zazwyczaj wymagało bibliotek takich jak Redux lub Context API z podejściem dostawcy/konsumenta kontekstu opartego na klasach. React dostrzegł potrzebę zaoferowania prostszego, alternatywnego sposobu udostępniania wartości, takich jak motywy, dane użytkownika i inne informacje, pomiędzy komponentami, ponieważ poprzednie rozwiązanie było raczej..
4 typy zakresów JavaScript  — „Wszystko, o czym musisz wiedzieć”.
Widzę wielu front-end developerów, którzy nie są pewni jaki jest zakres, nawet jeśli korzystają z niego na co dzień w pracy. Postanowiłem uprościć termin „zakres” i zapewnić dobre zrozumienie tego ważnego terminu. Zakresy Omówimy 4 rodzaje zakresów. Zakres lokalny Wszelkie zmienne lub funkcje wewnątrz określonej funkcji nazywane są zasięgiem lokalnym określonej funkcji. function localScope(){ var name="David"; //Local scope of the function. } Zakres funkcji..
Kontekst Redux a React: dylemat dzielący w zarządzaniu stanem projektu
Jeśli chodzi o tworzenie aplikacji React, zarządzanie stanem może szybko zmienić się w koszmar. Przy tak dużej liczbie dostępnych rozwiązań do zarządzania stanem podjęcie decyzji, które z nich będzie dla Ciebie odpowiednie, może być trudne. Ale nie martwcie się, bo jesteśmy tutaj, aby raz na zawsze rozstrzygnąć rachunki: Redux czy React Context – który z nich jest mistrzem zarządzania państwem? W tym artykule szczegółowo omówimy zalety i wady obu opcji, a nawet dodamy pewne uwagi..
Dwa sposoby naprawienia błędu testu Jest „fabryka modułów `jest.mock()` nie może…”
Powiedzmy, że masz ten test: To nie zadziała… Jest będzie narzekał, że: The module factory of “jest.mock()” is not allowed to reference any out-of-scope variables . Napraw 1 Dołącz do deklaracji zmiennej jest.fn() słowo mock . Zatem w powyższym przykładzie navigateToProfile staje się próbą NavigateToProfile : Zrozum, dlaczego zmienne zaczynające się od słowa „mock” rozwiązują nasz błąd określania zakresu Napraw 2 Użyj jest. do Mock() zamiast..