React developer - razvojni put, saveti?

Redmond

Redmond

Veoma poznat
Poruka
14.785
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?
 
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
 
pivosok:
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
Kliknite za proširenje...
E ovo je znanje
 
pivosok:
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
Kliknite za proširenje...
Lako je to iz JS, ajde iz C++/COM da te vidim :P
 
bmaxa:
Nije, ako programiras GUI. Prepoznaces sve sto imas u React, + sto je React mnoooogoo laksi.
Kliknite za proširenje...
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.
 
Grindelwald:
@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.
Kliknite za proširenje...
Č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
 
Redmond:
Č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
Kliknite za proširenje...
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;
 
Prijavite se ili registrujte da biste poslali poruku.

Back
Top