Love Coding
Blog o programowaniu, błędach w kodzie, debugowaniu i refaktoryzacji
function deploySafely()
if (isFriday()) {
console.warn(„Do not touch production.”);
return;
}
deploy();
}
Kod jest jak dowcip. Jeśli musisz go wyjaśniać, jest kiepski
Praktyczny kod
Pigułka wiedzy
Clean Up with removeEventListener() to Prevent Memory Leaks
Always clean up listeners to avoid memory leaks – especially in components or SPA apps.
function onClick() {
console.log('Button clicked!');
}
element.addEventListener('click', onClick);
element.removeEventListener('click', onClick);
Skipping Array Elements with Destructuring
When using destructuring, you can skip the fields you’re not interested in — but you must keep the commas, e.g.:
const [ , second ] = ["Alice", "Olivia", "Ella"];
console.log(second); // "Olivia"
This allows you to “skip” array elements without creating extra variables.
Event propagation
Event propagation is the way events travel through the DOM tree. There are two directions of propagation:
Capturing phase (downward) – the event moves from the document element down to the target element that triggered it.
Bubbling phase (upward) – the event moves from the target element back up the DOM tree until it reaches document.
Kategorie
CSS
Porady i techniki stylizacji, które pomogą tworzyć piękne i responsywne strony
4 postsHTML
Dobre praktyki pisania czystego, semantycznego i dostępnego kodu
16 postsJavaScript
Nowoczesne wskazówki i poradniki do tworzenia dynamicznych stron
3 postsLinux
Przewodniki dla programistów, którzy chcą opanować Linuxa i terminal
4 postsMindset programisty
Rozwój sposobu myślenia, koncentracji i umiejętności rozwiązywania problemów
7 postsNarzędzia Front-end Developera
Narzędzia Front-end Developera
1 postPHP
Praktyczne porady do tworzenia wydajnych i bezpiecznych aplikacji webowych
13 postsPrzykładowe projekty juniora
Przykładowe projekty, jakie może napisać junior Front-end Developer w ramach nauki i do portfolio.
8 postsReact
Budowa szybkich komponentów wielokrotnego użytku
12 postsReact Native
Poradniki do tworzenia aplikacji mobilnych na wiele platform z React Native
Blog
Najnowsze posty
Jak szybko usunąć wszystkie elementy z tablicy w javascript?
StackNavigator wewnątrz DrawerNavigator – połączenie dwóch nawigatorów w jednej aplikacji
Często spotyka się aplikacje napisane w React Native, które używają dwóch lub więcej nawigatorów na raz. Sama miałam problem z…
Jak otworzyć drawer nawigator z nagłówka stack nawigatora?
Przekazanie opcji otwarcia drawer navigatora do nagłówka stack nawigatora jest dość proste, choć początkowo może przysporzyć problemów. Widać to choćby…
React Native DrawerNavigator – przykład
Jeśli masz problem ze zrozumieniem działania Drawer navigation, ten krótki tutorial pomoże Ci zaimplementować DrawerNavigator do swojej aplikacji.
Przykład nawigowania pomiędzy ekranami – React Native StackNavigator example
Aplikacje mobilne często używają więcej niż jednego ekranu, aby odpowiednio zaprezentować dane. W jaki sposób możemy stworzyć więcej niż jeden…
Zapisywanie i odczytywanie danych z AsyncStorage
W poprzednim wpisie: React Native editable list pokazałam, jak można edytować dane pojedynczego elementu listy. Edytowane dane zapisane zostały do stanu komponentu, co…
Kategoria
JavaScript
Kategoria
Narzędzia Front-end Developera
Kategoria
Linux
Kategoria