React developer - razvojni put, saveti?

Redmond

Veoma poznat
Moderator
Poruka
13.206
Radim nekih 6 meseci u ovom frameworku, koristio sam Redux, Typescript (ovde sam imao glavobolje, verovatno ima ovde još toga da se savlada), proučio koliko toliko axios i react-router-dom biblioteke, nedavno otkrio i react-query biblioteku (baš korisna stvarčica)... radio pomalo i na custom hookovima... pa me interesuje šta dalje? Koje tehnologije i biblioteke trebam još da poznajem, koje veštine da savladam da bih bio top frontend (tačnije React developer) ? Ako ima ovde nekog seniora bilo bi dobro da mi kaže na šta da bacim fokus?
 

pivosok

Buduća legenda
Poruka
25.697
evo prvi kod da analiziramo

import React from 'react'; // ne koristi se destrucuring jer se koristi export default funktion, kad se kaze eksport funktion onda moras da pises import {react} from react, ako zelis da eksportujes anonimnu funkciju to moze da uradis sa export default () => {console.log("serbija")} i onda tu funkciju moze da uvezes sa import penis from kita.js i kad pozovis penis() stampa "serbia"
import ReactDOM from 'react-dom/client'; // verovatnno denki domovi.

function Hello(props) {
return <h1>Hello World!</h1>;
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<Hello />);


da li neko moze da istampa root da vdim sta radi. objdkyt
 

HYPE

Domaćin
Poruka
4.590
evo prvi kod da analiziramo

import React from 'react'; // ne koristi se destrucuring jer se koristi export default funktion, kad se kaze eksport funktion onda moras da pises import {react} from react, ako zelis da eksportujes anonimnu funkciju to moze da uradis sa export default () => {console.log("serbija")} i onda tu funkciju moze da uvezes sa import penis from kita.js i kad pozovis penis() stampa "serbia"
import ReactDOM from 'react-dom/client'; // verovatnno denki domovi.

function Hello(props) {
return <h1>Hello World!</h1>;
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<Hello />);


da li neko moze da istampa root da vdim sta radi. objdkyt
E ovo je znanje
 

bmaxa

Buduća legenda
Poruka
25.796
evo prvi kod da analiziramo

import React from 'react'; // ne koristi se destrucuring jer se koristi export default funktion, kad se kaze eksport funktion onda moras da pises import {react} from react, ako zelis da eksportujes anonimnu funkciju to moze da uradis sa export default () => {console.log("serbija")} i onda tu funkciju moze da uvezes sa import penis from kita.js i kad pozovis penis() stampa "serbia"
import ReactDOM from 'react-dom/client'; // verovatnno denki domovi.

function Hello(props) {
return <h1>Hello World!</h1>;
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<Hello />);


da li neko moze da istampa root da vdim sta radi. objdkyt
Lako je to iz JS, ajde iz C++/COM da te vidim :P
 

Baby Yoda ♥

Contributor
Poruka
18.112
Nije, ako programiras GUI. Prepoznaces sve sto imas u React, + sto je React mnoooogoo laksi.
Radio sam GUI u Python-u preko Tkinter-a. Medjutim tamo mi se sve čini daleko lakšim. Kreiranje komponenti je baš lako, bindovanje funkcija je lako, pozicioniranje se nauči. Ovde je sve izmešano, nepregledno. Mrzim kada u kodu imaš otvorenu zagradu, a u njoj još 10 pod zagrada. Ne znam gde je početak, a gde kraj.
 

Redmond

Veoma poznat
Moderator
Poruka
13.206
@Redmond

Kako si uspeo sebe da nateraš da učiš react? Ono je bože sačuvaj kompleksno za ljude. Mislim, C mi se čini lakšim. Komponente, hookovi, stanja, props itd. A sve je to povezano nekako i imaju svoj JSX.

Vidim da više ne moraš koristiti klase, već su prešli na funkcije.
Čini ti se, malo je teško dok se ne navikneš al mislim da React važi za generalno lak javascript framework... ono jbg kad sam savladao vanilu došao sam do tačke gde sam morao za neki framework da se opredelim
 

Baby Yoda ♥

Contributor
Poruka
18.112
Čini ti se, malo je teško dok se ne navikneš al mislim da React važi za generalno lak javascript framework... ono jbg kad sam savladao vanilu došao sam do tačke gde sam morao za neki framework da se opredelim
Ma dobro, vanila je upravo to, vanila :mrgreen:

Napravio sam najobičniju komponentu i ubacio je u App:

JavaScript:
import './App.css';

function Title() {
  return(
    <h1>This is a website title</h1>
  )
}

function App() {
  return (
    <div className="App">
      <Title />
    </div>
  );
}

export default App;
 

Top
  Blokirali ste reklame
Dragi prijatelju, nemojte da blokirate reklame - isključite Ad Blocker na Forumu, jer će tako mesto vaših susreta na Krstarici ostati besplatno za korišćenje.