Czym się różni react od takiego vue czy angulara że jedno jest frameworkiem a drugie biblioteką? #frontend #react
Wszystko
Najnowsze
Archiwum

placebo_
- 0

zwei
via Android- 2
@placebo_ framework narzuca strukturę i narzędzia. biblioteki możesz użyć w taki sposób jaki ci się podoba

fakeman
via Wykop- 1
@placebo_: @zwei, przy czym samo narzucenie struktury nie jest złe. Jak ktoś się zna na robocie, to biblioteka będzie dla niego super. Jak się nie zna, odwali taki szit architektoniczny używając biblioteki, ze nikt na to patrzeć i dotykać tego później nie chce. Nie bez powodu największe raki programowania widziałem właśnie w React, bo dużo juniorów się za niego bierze jako pierwsze narzędzie, bo taki Angular ma większy
- 0
Posiadam dwa telefony o tej samej rozdzielczości, lecz różnym rozmiarze ekranu. Napotykam tutaj problem związany z rozmiarem czcionki, gdyż na mniejszym ekranie jest ona mniejsza. Jakie inne parametry/kryteria powinienem uwzględnić w media queries, żeby czcionka lepiej wyglądała na mobilnych, oraz jak dokładnie to sprawdzić, gdy nie mam dostępnego ekranu o takiej samej gęstości?
#webdev #fronted
#css #react #programista15k
#webdev #fronted
#css #react #programista15k
@pyroxar: Normalnie w devtoolsach możesz zdefiniować szerokość, wysokość i device pixel ratio
konto usunięte via Wykop
- 0
hasło to: device pixel ratio i tu https://stackoverflow.com/questions/10529354/media-queries-and-device-pixel-ratio masz wątek o tym
konto usunięte via Wykop
- 4
Treść przeznaczona dla osób powyżej 18 roku życia...
@6poziomprokrastynacji: Maximillian Schwarzmuller na YT i Udemy. Dobra, tradycyjna niemiecka jakość i precyzja (ale po angielsku).
czesc, rozkminiam jak dynamicznie importowac w React, mam 18 obrazkow svg z ktorych chce utworzyc komponenty, ktore beda w tej samej sekcji jako ikony.
Czy ktoś wie jak to zrobić? Gdzie znajdę informacje czy React.lazy() jest wspierane przez przeglądarki? pzdr
#react #programowanie #frontend #javascript
Czy ktoś wie jak to zrobić? Gdzie znajdę informacje czy React.lazy() jest wspierane przez przeglądarki? pzdr
#react #programowanie #frontend #javascript
react lazy jest wspierane przez wszystkie przeglądarki wspierające react 18 https://legacy.reactjs.org/docs/javascript-environment-requirements.html
A co do importu to np. https://ryanhutzley.medium.com/dynamic-svg-imports-in-create-react-app-d6d411f6d6c6
A co do importu to np. https://ryanhutzley.medium.com/dynamic-svg-imports-in-create-react-app-d6d411f6d6c6
- 3
Czy dobrze rozumiem, że #javascript to uniwersalny język, ale ze szczegółową implementacją zależną od silnika? Przy czym, silniki: V8 (Google Chrome), Gecko/SpiderMonkey (Firefox) i one są podobne, przeznaczone do stron www, są także GJS, który ma oprócz standardowej składni, jakies bindy do na przykład menadżera okien w #linux, a czym jest NodeJS? To też jest jakiś silnik?
Jak się ma do tego #react który kompiluje
Jak się ma do tego #react który kompiluje
@pyroxar: Node.js to środowisko uruchomieniowe dla JSa na backendzie. Pod spodem też korzysta z V8 i ma dodatkowe natywne metody m.in. do obsługiwania operacji na plikach
konto usunięte via Wykop
- 1
@pyroxar: o panie, traktuj silnik jako implementację interpretera. Tak samo jak w pythonie możesz mieć cython, jython i inne, albo jak możesz mieć różne interpretery/maszyny wirtualne dla javy.
V8 plus biblioteki i inne
a czym jest NodeJS? To też jest jakiś silnik?
V8 plus biblioteki i inne
- 0
Czy słowo current dziłą tylko dla useRef
Czy dla każdego hooka?
Przykład użycia w komponencie
Czy dla każdego hooka?
Przykład użycia w komponencie
const@pyroxar: Średnio rozumiem pytanie, useref zwraca obiekt z property current w którym siedzi to co chcesz czy to zmienna jak w tym wypadku czy node html czy cokolwiek innego. Useref służy do trzymania jakiejś wartości bez wymuszanie rendera po jej zmianie przez kod i po to aby zmienna nie znikała między renderami.
@pyroxar doooookumentacja + podstawy zrozumienia hooków jako mechanizm
- 0
Miałem problem taki jak tu: github
Polegał on na tym, ze w plikach script/build były ścieżki do plików (/home/***/plik1), a nie powinno być. Więc pomysł jest taki, że na development ładuje: react-hot-loader/babel, a na produkcji nie. Napisałem stosowne pliki, ale scieżek nie ma: ani na dev, ani na produkcji, wygląda na to, że react-hot-loader/babel w ogóle sie nie ładuje...
1) Jak moge to sprawdzić, co zostało załadowane przez webpack?
2) jeśli faktycznie w obu przypadkach
Polegał on na tym, ze w plikach script/build były ścieżki do plików (/home/***/plik1), a nie powinno być. Więc pomysł jest taki, że na development ładuje: react-hot-loader/babel, a na produkcji nie. Napisałem stosowne pliki, ale scieżek nie ma: ani na dev, ani na produkcji, wygląda na to, że react-hot-loader/babel w ogóle sie nie ładuje...
1) Jak moge to sprawdzić, co zostało załadowane przez webpack?
2) jeśli faktycznie w obu przypadkach
- 0
Mam komponent, któremu przekazuje nazwe klasy, chce dodac do tego druga klase, ale juz z (s)css. Moja linia wygląda tak:
Caly komponent:
<a className={[props.className [style['abc']]].join(' ') }>Caly komponent:
import React from@pyroxar: Jeżeli classname jest wymaganym propem to zwyczajnie
`
Jeżeli jest opcjonalnym to możesz zrobić sobie helpera albo hooka który wypluje ci wszystkie klasy które nie są undefined jako sklejonego stringa, to już wiele opcji najbardziej uproszczona https://codesandbox.io/s/eloquent-gauss-xcfgem?file=/src/App.js
albo możesz użyć https://www.npmjs.com/package/classnames
`
${props.className} ${style['abc']}`Jeżeli jest opcjonalnym to możesz zrobić sobie helpera albo hooka który wypluje ci wszystkie klasy które nie są undefined jako sklejonego stringa, to już wiele opcji najbardziej uproszczona https://codesandbox.io/s/eloquent-gauss-xcfgem?file=/src/App.js
albo możesz użyć https://www.npmjs.com/package/classnames
- 0
Posiadam pliki językowe zapisane w formacie JSON oraz plik cookie.json, który zawiera informacje prawne o ciasteczkach. Czy faktycznie istnieje ryzyko, że niektóre przeglądarki blokują ten plik? W takim przypadku, jakie kroki można podjąć, aby uniknąć takiej sytuacji?
#webdev #react #javascript #webmastering
#webdev #react #javascript #webmastering
źródło: cookie
Pobierz@pyroxar: przeglądarki - nie, dodatki do przeglądarek z odpowiednimi filtrami - jak najbardziej. Potrafią wycinać wszystko co ma cookie w nazwie, ale bardziej klasy i id, niż linki do plików. Ale wszystko zależy od tego gdzie i jak to udostępniasz.
@pyroxar: Brave ma wbudowaną blokadę (szeroko pojętych) reklam. Opera też, ale jest opt-in.
- 0
Jak w React przekazywane są zmienne między komponentami? Czy zmienne są przekazywane razem z komponentem? Jeśli zmienię wartość zmiennej "kochamReact" na 1 i umieszczę ją w komponencie, to tam ją odczytam i będę mieć wartość tej zmiennej na 1. Wiem jednak, że zmieniłem wartość tej zmiennej na 0 i komponent dalej myśli, że jest ona równa 1. Aby zaktualizować wartość zmiennej w komponencie, muszę skopiować (odświeżyć) ten komponent i dopiero wtedy ona
- 0
Mam niby zwyklą funkcję:
Ale gdzieś tam w kodzie wywołują ją tak:
const BuildURL = (action, params) => {
...
}Ale gdzieś tam w kodzie wywołują ją tak:
- 0
Mogę się zacząć uczyć Reacta, jeżeli znam JS w stopniu podstawowym, ale nie znam programowania asynchronicznego w JS?
Wydaje mi się, że znam czystego JSa na tyle dobrze, że mogę już zacząć uczyć się Reacta, ale nie wiem nic o asynchroniczności i w sumie nie wiem, czy lepiej ogarnąć temat przed nauką Reacta, czy nie ma różnicy.
#webdev #frontend #javascript #react
Wydaje mi się, że znam czystego JSa na tyle dobrze, że mogę już zacząć uczyć się Reacta, ale nie wiem nic o asynchroniczności i w sumie nie wiem, czy lepiej ogarnąć temat przed nauką Reacta, czy nie ma różnicy.
#webdev #frontend #javascript #react
konto usunięte via Wykop
- 1
@maciorqa: Ogarnij przed. To są podstawy.
Prowadziłem raz rekrutację na frontenda i mieliśmy ponad setkę zgłoszeń. Mogę od siebie powiedzieć, że warto zadbać o przejrzyste CV + link do githuba z własnym projektem. Postawmy się na miejscu rekrutera, który musi przefiltrować tyle zgłoszeń. Trzeba to zrobić jakąś metodą:)
Na stanowisko react deva dostałem się chyba głównie dzięki temu, że miałem własny projekt czatu. Ci, którzy mieli bootcampowe stronki raczej się odrzucało. Chyba, że dodali coś ciekawego od siebie.
Na stanowisko react deva dostałem się chyba głównie dzięki temu, że miałem własny projekt czatu. Ci, którzy mieli bootcampowe stronki raczej się odrzucało. Chyba, że dodali coś ciekawego od siebie.
- 1
Czy #axios oferuje jakiś timestamp?
Rzecz jest taka, że kiedy wysyłam dwa zapytania po sobie, najpierw pierwsze, potem drugie i jednocześnie: na pierwsze serwer długo odpowiada, a na drugie krótko, to bardzo często, starsze zapytanie (wcześniejsze) przysłania wynik ostatniego zapytania.
I teraz nie wiem, czy ja muszę wysyłać jakiś timestamp wysłania żądania i je odebrać go od serwera i wtedy porównać z timestamp ostatniego żądania, jeśli jest ono wcześniejsze to
Rzecz jest taka, że kiedy wysyłam dwa zapytania po sobie, najpierw pierwsze, potem drugie i jednocześnie: na pierwsze serwer długo odpowiada, a na drugie krótko, to bardzo często, starsze zapytanie (wcześniejsze) przysłania wynik ostatniego zapytania.
I teraz nie wiem, czy ja muszę wysyłać jakiś timestamp wysłania żądania i je odebrać go od serwera i wtedy porównać z timestamp ostatniego żądania, jeśli jest ono wcześniejsze to
@pyroxar: Trochę sprawa dla szklanej kuli, imho w dużej mierze zależy od usługi, bo z objawów wygląda albo jak nadgorliwy cache po stronie serwera usługi albo używanie niewłaściwych żądań albo po prostu skopaną usługę.
Axiosa znam na poziomie Getting Started, ale nie widzę powodów czemu nie można by doklejać timestampa (w żądaniu albo interceptorze), inna sprawa czy serwer w ogóle się nim przejmie albo czy nie uzna, że to nieprawidłowy
Axiosa znam na poziomie Getting Started, ale nie widzę powodów czemu nie można by doklejać timestampa (w żądaniu albo interceptorze), inna sprawa czy serwer w ogóle się nim przejmie albo czy nie uzna, że to nieprawidłowy
@pyroxar: w Axios raczej nic nie mozesz dodawac. Mozesz zapisywac w stanie aplikacji timestamp rozpoczecia i zakonczenia requestu i potem porownywac kolejnosc wyswietlania.
- 0
Mam uncontrolled input, chcę do niego dodać akcje onInput (jest on już controled inputem), bo chcę żeby ustawił zmienną query na wartośc z pola przy wyszukiwaniu, jednak kiedy to zrobię, wewnętrzny stan inputa nie jest poprawnie obsługiwany (nie wyświetlają się podpowiedzi). W normalnym trybie, wszystko działa dobrze.
To mój błąd czy reacta? React 16.14.
Przykładowy kod:
const [query, setQuery] = useState('');
///////FORMULARZ
To mój błąd czy reacta? React 16.14.
Przykładowy kod:
const [query, setQuery] = useState('');
///////FORMULARZ
- 0
Mam aplikacje w #react jak moge zasymulować kliknięcie, żeby userAgent, zaczął od razu podpowiadać, tak jak robi to po kliknieciu w input?
https://jsfiddle.net/bootleq/hos4r6qd/
#html #css #javascript #programista15k
https://jsfiddle.net/bootleq/hos4r6qd/
#html #css #javascript #programista15k
konto usunięte via Wykop
- 1
@pyroxar: useRef i click lub focus
- 0
Właśnie buduje nową aplikację w React, potrzebuje input radio do wyborów, za często nie używam input:radio więc zastanawiałem się, jak w React w prosty sposób zauważyć wybór usera, z głupoty wrzuciłem wszystkie input:radio do div'a i dałem onChange i to działa! Zajebisty jest React :D Nie wiem czy to poprawne ale działa :P
#programowanie #react
w skrócie:
#programowanie #react
w skrócie:
<div
onChange={(e) => {Przy użyciu HTML i JS też byś mógł tak zrobić. Tutaj znajdziesz wyjaśnienie: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#event_bubbling
- 1186
Siema mireczki w piątek dostałem telefon z firmy ze zostaje przyjęty jako Junior React Dev ( ͡°( ͡° ͜ʖ( ͡° ͜ʖ ͡°)ʖ ͡°) ͡°) jaram się niemiłosiernie bo swojego pierwszego Hello Worlda napisałem w czerwcu 2022 a znalezienie pracy zajęło mi około 3msc. Jakby więcej osób było zainteresowanych jaka drogę przeszedłem to mogę sklecić jakiś dłuższy wpis, także
konto usunięte via Wykop
- 170
@dudustd:
w UK ssanie, biora kazdego
w polsce bys poszukal, to po 2 tygodniach w choroszczy bys siedzial
w UK ssanie, biora kazdego
w polsce bys poszukal, to po 2 tygodniach w choroszczy bys siedzial
- 1490
@Wierzbek: Widzę, ze jakieś zainteresowanie jest wiec wieczorem lub jutro napisze dłuższy wpis gdzie opisze jak wyglądała nauka i jak wyglądały rozmowy. Plusnij wpis to zawołam
Tak mnie naszło, dlaczego dalej pisze się w Angularach, Reactach, Vue, jeśli istnieje np. Flutter, w którym raz piszesz kod i działa on na wszystkich platformach: Android, Web, iOS, Windows, Mac. Flutter ma niedoskonałości i niektóre elementy mogą początkujących doprowadzić do szału, ale UI tworzy się znacznie szybciej i jest masa gotowych komponentów. Angular ma moduły i świetnie rozwiązany Dependency Injection, czego brakuje we Flutterze. #angular #react #
@SendMeAnAngel: PS. Taguj #programowanie czy coś takiego jak chcesz odzew od wykopowych ekspertów.
- 1
@zibizz1: jeśli chodzi o Web, to Flutter rysuje wszystko w <canvas> więc trochę słabo
- 0
Dostaję obiekt json z bazy danych który w pozycji description jest kodem html i chce go wyświetlić bez przedrostków htmla
jak to zrobić ?
jak to zrobić ?
[
{
"id": 27,
Treść przeznaczona dla osób powyżej 18 roku życia...
@gadatos: Zakładając, że chodzi ci o treść bez tagów HTML i że
obj.description to ten kod HTML, to nie potrzebujesz żadnej biblioteki; możesz użyć wbudowanego w Web API DOMParser:const parser = new DOMParser();
const content = parser.parseFromString(obj.description, "text/html").body.textContent;- 1
#programowanie #react #frontend
Powiedzmy, że mam wiele pojedynczych komponentów zasysanych z API. Czy lepiej:
* trzymać cały stan wyżej i tylko przekazywać propsy i traktować pojedyncze komponenty jako niemutowalną wizualizację, a eventy przekazywać do rodzica
* czy może lepiej wyżej zassać tylko listę komponentów, przekazać propsy jako initial state, a stan elementu listy trzymać w poszczególnych dzieciach i w nich trzymać stan oraz dokonywać np. patchowania
Powiedzmy, że mam wiele pojedynczych komponentów zasysanych z API. Czy lepiej:
* trzymać cały stan wyżej i tylko przekazywać propsy i traktować pojedyncze komponenty jako niemutowalną wizualizację, a eventy przekazywać do rodzica
* czy może lepiej wyżej zassać tylko listę komponentów, przekazać propsy jako initial state, a stan elementu listy trzymać w poszczególnych dzieciach i w nich trzymać stan oraz dokonywać np. patchowania
@zwei: Zależy od wielkości komponentów. Czy są to jakieś duże komponenty domenowe (całe moduły), czy małe komponenty w stylu button z jakimś inputem. Ja wychodzę z założenia, że stan powinien być trzymany najbliżej miejsca gdzie jest potrzebny. Wyobraź sobie, że masz bardzo duży page z dużą ilością komponentów, załóżmy, że jest to dashboard do analityki. Jak to wszystko upchasz w jednym komponencie i przekażesz wszystko do dzieci to ten komponent
- 0
@AntyKuc: chodzi o kontrolkę do sterowania czymś tam, tych kontrolek jest powiedzmy 15. Zmieniają jakiś zewnętrzny stan poprzez API i oczywiście wyświetlają obecny. Są raczej niezależne od siebie i od wyższej logiki poza być może właśnie pobieraniem informacji o poszczególnych ID. Więc bardzo logiczne wydaje mi się to drugie podejście.






















