Czym jest useState?

useState w React jest to hook, który służy do zarządzania stanem komponentu. Może on zostać wykorzystany tylko w komponencie stworzonym za pomocą funkcji.

Przykład użycia useState

Poniżej prosty przykład użycia useState:

import React, { useState } from 'react';

const Counter = () => {
    const [counter, setCounter] = useState(0);


    const onIncrement = () => {
        setCounter(counter + 1);
    }

    const onDecrement = () => {
        setCounter(counter - 1);
    }

    return (
        <div>
            <button onClick={onDecrement}>-</button>
            <h2>{counter}</h2>
            <button onClick={onIncrement}>+</button>
        </div>
    )
}

Linijka:

const [counter, setCounter] = useState(0);

jest odpowiedzialna za stworzenie stanu naszego komponentu. Tutaj chcemy stworzyć stan do zarządzania wartością licznika.

useState przyjmuje jeden argument: wartość początkową, gdy komponent jest tworzony.

useState zwraca: zmienną, która przechowuje aktualny stan. W tym przypadku stała counter. Zwraca także funkcję, która pozwala zmienić stan na nowy: setCounter.

Jeśli potrzebujemy stworzyć stan dla różnych danych wystarczy wywołać jeszcze raz useState na przykład:

const [counter, setCounter] = useState(0);
const [list, setList] = useState([]);

Skup się!

Moim zdaniem umiejętność skupienia się na tym, czym się aktualnie zajmuję to jedna z najważniejszych umiejętności, w jakich czasach żyjemy. Dlaczego? Przede wszystkim pozwala Ci to szybciej skończyć zadanie, które masz do zrobienia. Kiedy jesteś skoncentrowany na jednej rzeczy, poświęcasz cały swój czas i energię właśnie na tym. Właściwy poziom skupienia pozwala zaoszczędzić czas i energię. Te zasoby są ograniczone, więc warto nimi mądrze zarządzać.

Dlaczego tak trudno się skupić?

Problem polega na tym, że znacznie łatwiej stracić koncentrację niż się skupić. Wszystko przez różnego rodzaju rozpraszacze. Rozpraszając się, pozwalasz na to, żeby Twoja uwaga była podzielona w kilku miejscach. Tracisz przez to czas i energię. Działając w ten sposób, często zmieniasz kontekst, co powoduje zmęczenie psychiczne.

Nie raz miałem sytuację, że po dniu pracy zastanawiałem się, co ja właściwie dzisiaj zrobiłem? Jestem zmęczony, a właściwie nic konkretnego nie udało mi się zrobić. Wpadamy w taki stan, kiedy często pozwalamy się rozpraszać.

Dlatego mając świadomość o sile, jaką daje skupienie, warto zbudować dobry nawyk koncentracji.

Poniżej znajdziesz listę kilku ćwiczeń na lepsze skupienie.

Ćwiczenia na skupienie

Czytanie książek

Poświęć co najmniej 30 minut na czytanie. Jest to idealne ćwiczenie na koncentrację. W dziale książki znajdziesz kilka pozycji, które mogą Cię zainteresować.

Medytacja

Wystarczy sesja 10 minut dziennie. Ja poświęcam na medytację 2 × 10 minut: rano i wieczorem. Jest wiele rodzajów medytacji. Ja medytuję, w taki sposób, że skupiam się na swoim oddechu.

Na przykład:

Wciągam powietrze. Trzymam powietrze w płucach na jakieś 5 sekund i następnie wypuszczam je powoli.

Rób jedną rzecz na raz

Wielozadaniowość to zły nawyk! Skacząc po zadaniach, będziesz bardziej zmęczony. Znacznie lepiej skupić się na jednym zadaniu i przejść do kolejnego.

Wyrób w sobie nawyk koncentracji na jednym zadaniu.

Skupienie poprzez dźwięk

Żeby lepiej się skupić, możesz wykorzystać narzędzie, jakim jest dźwięk. Zakładasz słuchawki, włączasz odpowiedni dźwięk i koncentrujesz się na swoim celu.

Dźwięk pomaga w walce z rozpraszaczami. Jeśli jesteś zainteresowany tym ćwiczeniem, polecam dwa linki: Endel świetna aplikacja! Tylko że jest płatna.

Są też darmowe sposoby na skupienie poprzez dźwięk

Unikaj rozpraszaczy

Ten punkt powinien być pierwszy na liście, ale jest to trudne. W tym ćwiczeniu chodzi o zbudowanie dobrego nawyku: kiedy coś robię, zajmuję się tylko tym. Kuszące jest na przykład pisanie kodu + słuchanie audiobook'a, ale na dłuższą metę nie da to dobrych efektów. Szczególnie gdy zadanie wymaga dużej koncentracji.

Technika Pomodoro

Tecznika Pomodoro to jedno z pierwszych narzędzi, które pozwoliły mi zbudować dobry nawyk koncentracji. Polega na interwałowym trybie pracy. Więcej informacji znajdziesz tutaj

W grudniu opublikowałem 8 wpisów:

JavaScript:

1. Jak iterować n-razy?

RxJS:

1. Operator forkJoin
2. Operator combineLatest

React:

1. Czym jest JSX?
2. Komponenty podstawy
3. Jak przekazać komponent do innego komponentu?

NodeJS:

1. Mongoose jak zapobiegać dodawania identyfikatora do zagnieżdżonego dokumentu?

Inne:

1. Podsumowanie 2022 roku

Przeczytałem dwie książki:

1. Szczypta nienawiści - Joe Abercrombie
2. Kłopotliwy pokój - Joe Abercrombie

Przesłuchałem trzy audiobooki:

1. Morfina - Szczepan Twardoch
2. Blaze - Stephen King
3. Sprzedawczyk - Paul Beatty

Zbliża się koniec 2022 więc czas na krótkie podsumowanie.

Jest to pierwszy "pełny" rok mojego bloga (licząc od stycznia do grudnia). Z kolei pierwszego kwietnia minął pierwszy rok istnienia bloga. Mogę śmiało stwierdzić, że decyzja o prowadzeniu własnego bloga to była bardzo dobra decyzja! Dalej trzymam się zasady: minimum jeden wpis na tydzień.

Opublikowałem 90 wpisów.

Narysowałem 14 komiksów:

1. Cookie policy
2. It is not a bug, it is a feature!
3. CRUD Dev - It ain't much but it's honest work
4. Motivation vs Habit
5. Deep Work
6. Deployment on Friday
7. What color is it?
8. Big problem, small steps
9. "Is task ready?" Driven Development
10. Deadline
11. New code vs Old code
12. Code - The Good, The Bad, The Ugly
13. Technical debt
14. I am your father!

Dodałem nowy dział: Demo

Zapału do dalszego rozwoju bloga mi nie brakuje więc czas na nowy rok!