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
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • Odpowiedz
@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.

a czym jest NodeJS? To też jest jakiś silnik?


V8 plus biblioteki i inne
  • Odpowiedz
Czy słowo current dziłą tylko dla useRef

Czy dla każdego hooka?

Przykład użycia w komponencie

const
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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.
  • Odpowiedz
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
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam komponent, któremu przekazuje nazwe klasy, chce dodac do tego druga klase, ale juz z (s)css. Moja linia wygląda tak:

<a className={[props.className [style['abc']]].join(' ') }>
Caly komponent:

import React from
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
pyroxar - Posiadam pliki językowe zapisane w formacie JSON oraz plik cookie.json, któ...

źródło: cookie

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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.
  • Odpowiedz
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
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pyroxar: weź przerób pierwszy lepszy kurs od początku do końca bo zadajesz pytania, na które odpowiedzi są na pierwszych stronach dokumentacji i są to absolutne podstawy podstaw.
  • Odpowiedz
Mam niby zwyklą funkcję:

const BuildURL = (action, params) => {
...
}

Ale gdzieś tam w kodzie wywołują ją tak:
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@pyroxar: W języku JavaScript operator spread, oznaczony trzema kropkami ..., umożliwia rozpakowanie wartości z kolekcji danych, takich jak tablice, obiekty i ciągi znaków, na pojedyncze wartości.
  • Odpowiedz
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
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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.
  • Odpowiedz
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
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • Odpowiedz
@pyroxar: w Axios raczej nic nie mozesz dodawac. Mozesz zapisywac w stanie aplikacji timestamp rozpoczecia i zakonczenia requestu i potem porownywac kolejnosc wyswietlania.
  • Odpowiedz
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
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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:

<div
onChange={(e) => {
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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
  • 100
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 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
  • Odpowiedz
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 #
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

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ć ?

[
{
"id": 27,
  • 16
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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;
  • Odpowiedz
#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
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@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
  • Odpowiedz
via Wykop
  • 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.
  • Odpowiedz
@Rufurege1: ja swojego kodu po 5 minutach od napisania nie rozumiem, ale tyle dobrze, że piszę w większości dla siebie i nie zajmuję się tym na pełen etat xD
  • Odpowiedz
[Full Stack Developer min. 10+ lat doświadczenia] 5500 brutto UOP
- wydaje się być śmieszne? Nic bardziej mylnego, już niedługo zarobki w branży IT będą w końcu normalne i uczciwe wobec reszty społeczeństwa.
#programowanie #programista15k #programista30k #java #react #heheszki
Xolan - [Full Stack Developer min. 10+ lat doświadczenia] 5500 brutto UOP
- wydaje si...

źródło: aaaasss

Pobierz

Zgadzasz się ze mną?

  • tak 18.8% (57)
  • nie 81.3% (247)

Oddanych głosów: 304

  • 24
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Xolan: Cope some more.

Tyle, że to nie zarobki programistów są zawyżone, a zarobki reszty dramatycznie zaniżone. Polecałbym walczyć jednak o poprawę własnej sytuacji, niż liczyć na to, że innym się pogorszy i będzie "uczciwie" xd
  • Odpowiedz
Pytanie do #frontend #react #javascript #programowanie

Jak budujecie aplikacje która komunikuje się z jakimś api, to używacie tzw: dto-sów bezpośrednio do widoku czy robicie jakąś warstwę nad tym i mapujecie?

Co wybierasz?

  • Mapper 41.7% (15)
  • Bezpośredni DTO 58.3% (21)

Oddanych głosów: 36

  • 13
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 1
Logikę do pobierania danych najlepszym patternem jest zawsze wyciągnięcie do osobnego modułu.


@FiranMercury: Tu nie chodzi o logikę pobierania, tylko o interfejs obiektów, które pochodzą bezpośrednio z api. W większości przypadkach to jest samo i wielu myśli że to powielanie. Ale jest sytuacja gdzie api rozbija się wtedy na dwa endpointy, bo dwie rzeczy wylądowały w różnych mikroserwisach. Wtedy masz dwa dto, ale z puntu widzenia UI to się nic
  • Odpowiedz
#programowanie #javascript #react

Czy jak chcę zrobić apkę MERN (MongoDB + Express + React.js + Node.js) to wymagane jest wyższe zrozumienie HTML-a, CSS-a i JavaScript?

Uczę się amatorsko programowania, mam postawiony cel zrobienia sobie apki opartej o stack MERN dla potrzeb IoT. Podstawy Javascript, CSS i HTML-a mam, solidny kurs Node.js mam za sobą, w trakcie MongoDB, Reacta właśnie zaczynam i tylko coś o nim czytałem.

Czy
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

  • 0
@cppguy: @ujdzie @Morritz @veranoo Dzięki wszystkim za wypowiedzi ( ͡° ͜ʖ ͡°) Wnioskuję z tego że samo rozpoczęcie zabawy z Reactem to nie jest zły pomysł, ale w między czasie tak czy siak trzeba szlifował Vanilia JS, HTML i CSS ( ͡° ͜ʖ ͡°)

Do stylowania polecam używać grid, albo flex layout. Generalnie nie używać starego pozycjonowania, float, margin:
  • Odpowiedz