W fazie 2 mojego bootcampu z inżynierii oprogramowania zaczęliśmy uczyć się biblioteki/frameworka React.JS. Po ukończeniu wielu laboratoriów i uczęszczaniu na wykłady zacząłem dostrzegać skalowalność używania React zamiast zwykłego JavaScript.

Programowanie deklaratywne

Podczas kodowania w React programujesz deklaratywnie. Oznacza to, że opisujemy, co program powinien osiągnąć, a sposób, w jaki zostanie osiągnięty, jest określony przez program. Jeśli chodzi o zwykły JavaScript, programowałbyś imperatywnie, co oznacza, że ​​wyraźnie podajemy działania, które program powinien wykonać, i opisujemy, w jaki sposób program powinien z nich korzystać.

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

składniki

React działa poprzez tworzenie struktury naszych aplikacji przy użyciu komponentów. Komponenty to sekcje naszej strony internetowej, które pozwalają im obsługiwać i odbierać własne dane i style. Zastosowanie komponentów pozwala na wielokrotne użycie i skalowalność aplikacji, przy jednoczesnym zachowaniu tej samej funkcjonalności.

Wniosek

Analogia, której nauczyłem się na zajęciach, jest taka, że ​​nauka React jest jak nauka działania samochodu. Samochody składają się z wielu części, które mają fundamentalne znaczenie dla stworzenia funkcjonalnego pojazdu. Wiedza o tym, jak działa silnik, skrzynia biegów i układ zawieszenia, może być przydatna, ale bardziej potrzebne może być zrozumienie, jak prawidłowo używać pedałów, kierować kierownicą i zmieniać biegi.