Prośba o radę javascript react redux

pytanie zadane 27 września 2020 w JavaScript przez rob Bywalec (2,440 p.)

Witam,

Mam prośbę o radę do bardziej doświadczonych ode mnie, rok bawię się frontendem

https://robkot500.github.io/Portfolio/build/

w linkach powyżej są moje projekty i więcej o mnie, szukam pracy jako junior front end developer,

postanowiłem rozwijać się w środowisku react.js więc naturalnie dodałem redux, co jeszcze powinienem dodać?

piszę w scss, ale może jakiś framework css? który? jeśli chodzi o backend to co? w którym kierunku ruszyć aby lepiej wyglądać na rynku pracy?

Pozdrawiam i proszę o pomoc

1 odpowiedź

odpowiedź 27 września 2020 przez adamsawicki Bywalec (2,260 p.)
wybrane 28 września 2020 przez rob

Najlepsza

Technologie używane przy budowie web fornt-endu są bardzo elastyczne, łatwo łączą się ze sobą, szczególnie jeżeli używamy bibliotek (React, vue) do budowy aplikacji a nie frameworków (angular). Mam na myśli to, że nie ma jednej dobrej drogi przy wyborze dodatkowych uzupełnień to React. Wiele zależy od specyfikacji konkretnego projektu.

React + Redux będzie dobrym połączeniem na początek, warto zastanowić się nad użyciem "Context" z Reacta. Do budowy layoutu można wykorzywstać np: https://material-ui.com/, https://getbootstrap.com/.

Typescrypt zamiast JS będzie dobrym wyborem, staje się to standardem.

Jeżeli starasz się o pracę jako front-end developer, osobiście nie skupiałbym się na backend (jeżeli bardzo chcesz to node.js + express.js)

Więcej znajdziesz na https://roadmap.sh/frontend - oczywiście nie wszystko trzeba wiedzieć, ale warto się kierować tą mapą

Życzę powodzenia!

komentarz 27 września 2020 przez rob Bywalec (2,440 p.)

Dziękuję bardzo za szybką odpowiedź, a co myślisz o moim poziomie tak na pierwszy rzut oka?

komentarz 27 września 2020 przez adamsawicki Bywalec (2,260 p.)

Kod aplikacji "Weather" wygląda ok jak na początek, sugerowałbym dodanie linka do działającej wersji, o wiele łatwiej będzie ocenic co aplikacja robi. Moża do tego użyć github pages.

W komponencie "Card" jest dużo zbędnego kodu (tzw. boilerplate) - zmienna `pressure` (i pozostałe) jest deklarowana jako pusta, zostaje do niej przypisana wartość aby zostać użyta tylko raz. W takim przypadku sugeruję po prostu:

`<div className="volume">{data.list[index].main.pressure} hPa</div>`

Dane przesyłane do komponentu również można uprościć, jako `data` możesz przesłać `data.list[index]`, pozbędziesz się `index` w propsach.

Komponent `Footer` nie robi za wiele.

Warto dopracować projekt, skorzystać z narzędzia do paczkowania (bundle) kodu - webpack lub https://create-react-app.dev/.