Jest możliwa i konieczna!
Zadanie polega na przygotowaniu aplikacji webowej. Funkcjonalność aplikacji ma zostać zaprojektowana samodzielnie, najlepiej tak by realizowała własne potrzeby twórcy aplikacji. Może to być na przykład: Aplikacja „Zakupy rodzinne” TaskFlow — ...
1. Cel projektu Celem projektu jest stworzenie aplikacji w React (JSX), prezentującej interaktywne infografiki ukazujące rozwój kultury, literatury i technologii jako złożony, wielowymiarowy proces. Efektem końcowym będzie wspólna aplikacja ro ...
Porozmawiaj z LLM na temat hooka useContext i przetestuj przykłady. Zacznij od prompta: Stwórz przykładową aplikację w React używającą Vite. Chodzi o pokazanie, kiedy warto użyć hooka useContext zamiast przekazywania propsów. Wymagania: 1. Pok ...
Licznik z błędem Przeanalizuj poniższy przykład, a następnie go uruchom. Czy działa zgodnie z oczekiwaniem? import React, { useState } from "react"; function App() { const [count, setCount] = useState(0); const handleIncrement = ...
Utwórz projekt za pomocą Vite z kodem: App.jsx import { WIDOCZKI } from './assets/data'; import { Box } from './components/Box'; import './App.css'; function App() { return ( <> <div className="grid"> { WIDOCZKI.map( ...
W React komponenty muszą reagować na zmiany danych i aktualizować interfejs użytkownika. Zwykłe zmienne nie powodują ponownego renderowania komponentu po zmianie wartości, dlatego nie nadają się do przechowywania stanu. Hook useState rozwiązuje ten ...
Postaw projekt za pomocą Vite. Usuń zbędny kod i wklej mój. Na początku przydadzą się polecenia: Stawianie projektu >>> npm create vite@latest Uruchamianie projektu >>> npm run dev Stawianie projektu >>> npm create vite@latest Uruchamian ...
Node.js to środowisko uruchomieniowe JavaScript stworzone po to, aby można było wykonywać kod JS poza przeglądarką — najczęściej na serwerze. Najważniejsze cechy Node.js: Oparte na silniku JavaScript V8, który napędza Google Chrome. Asynchron ...
Wstęp Zadanie polega na zbudowaniu, uruchomieniu i przetestowaniu prostego CRUD API oraz uruchomieniu frontendu testowego w React. Załóżmy że chcemy przechowywać w bazie danych informacje o produktach (nazwa, opis, cena). Użyjemy Node.js + Expres ...
Problem Chcemy tworzyć aplikacje webowe z bogatym frontendem łatwiej niż w surowym JS. Jedną z opcji jest React. React wymaga użycie Node.js. Nowy projekt warto postawić przy pomocy Vite. Instalacja środowiska i tworzenie projektu: Zainsta ...