Czym dla mnie jest Vue.js? To przede wszystkim genialne "developer experience", czyli taki UX, ale w odniesieniu do wygody korzystania z narzędzia przydatnego w pracy programisty. Świetnym tego przykładem jest fakt, że Vue traktuje inaczej dwa atrybuty html - class i style - sprawiając, że korzystanie z tego frameworka jest… Czytaj dalej… artykuł Atrybuty class i style w Vue.js
Pisząc aplikacje w Vue.js bardzo często będziesz chciał(a) wyświetlić listę elementów w pętli na podstawie tablicy. Właśnie w tym celu "język szablonów" wbudowany w Vue.js udostępnia dyrektywę v-for. W najprostszej postaci odpowiada ona pętli for znanej z JavaScriptu. Czytaj dalej… artykuł Pętle w Vue.js z użyciem dyrektywy v-for
Pisząc aplikacje w Vue.js często spotkasz się z sytuacją, w której wyświetlenie lub nie danego elementu będzie zależało od wartości zmiennej. Właśnie do tego służą dyrektywy warunkowe v-if, v-else, v-else-if, (oraz w pewnym sensie v-show), które odpowiadają instrukcjom warunkowym znanym z JavaScript. To właśnie te dyrektywy Ci dziś zademonstruję. Czytaj dalej… artykuł Dyrektywy warunkowe w Vue.js
Chciałabyś/chciałbyś zorganizować konferencję? Martwisz się, czy o wszystkim pomyślałaś/pomyślałeś? Czy wszystko będzie idealnie? Nie jesteś sam(a)! Po 5 latach organizowania spotkań meet.js Gdańsk, na które za każdym razem przychodzi ponad 150 osób, po 2 edycjach meet.js Summit Gdańsk, na których pojawiło się łącznie blisko 1000 uczestników i po udziale w… Czytaj dalej… artykuł Poradnik dla organizatorów konferencji
Higher Order Reducers — co to takiego? Gdy popracujesz dłużej z Reduksem to na pewno zauważysz pewne powtarzalne wzorce. Napisanie akcji i reducerów do obsługi API to konieczność powtórzenia bardzo podobnego kodu kilka, kilkanaście razy! Czy na pewno jest to konieczne? Z pomocą przychodzą właśnie Higher Order Reducers i kompozycja. Czytaj dalej… artykuł Higher Order Reducers — Redux i powtarzanie kodu
W poprzednim wpisie pokazałem Ci jak wyświetlić dynamiczne dane w Vue.js za pomocą wąsów, czyli podwójnych nawiasów klamrowych ({{ nazwaZmiennej }}). Dziś dowiesz się jak przekazać je do atrybutów elementu HTML za pomocą dyrektywy v-bind. Czytaj dalej… artykuł Dynamiczne atrybuty w Vue.js - dyrektywa v-bind
Vue.js jest reaktywnym frameworkiem JavaScript. Znaczy to, że dowolna zmiana danych używanych do wyświetlania strony sprawia, że widok automatycznie jest aktualizowany tak, aby odzwierciedlić tę zmianę. Czytaj dalej… artykuł Pierwszy komponent Vue.js
Microsoft kupił GitHuba za przewrotną kwotę 7,5 miliarda dolarów. Co to oznacza dla użytkowników? I najważniejsze: Co to oznacza dla idei Open Source? Czytaj dalej… artykuł W 2018 migruję z GitHuba
Witaj w kursie Vue.js od podstaw. Bardzo się cieszę, że chcesz się nauczyć tego wspaniałego frameworka JavaScript. Niezależnie od tego, czy chcesz szukać pracy, w której będziesz wykorzystywać Vue.js, napisać w nim hobbystyczny projekt, czy po prostu poszerzyć swoje horyzonty jako programist(k)a JavaScript ten kurs jest dla Ciebie. Czytaj dalej… artykuł Wprowadzenie do kursu Vue.js od podstaw
Leniwe ładowanie komponentów w React dzięki import
Ten artykuł jest częścią 31 z 42 w serii React.js.
Czy w React da się ładować komponenty leniwie? A więc masz już sporą aplikację. Chcesz ją jakoś zoptymalizować. Do głowy przychodzi Ci, oczywiście, podział jej na kilka części, które będą ładowane na żądanie, dopiero gdy będą potrzebne — tzw. lazy load. Z pomocą przychodzi operator import(…) — po prostu! Czytaj dalej… artykuł Leniwe ładowanie komponentów w React dzięki import