Më lejoni të sqaroj fillimisht, ky nuk është një tutorial. Është vetëm një pamje nga sytë e shpendëve të teknologjive. Ju mund të kërkoni në google mësime të ndryshme më të mira në ueb. Do të listoj disa prej tyre në postimet e ardhshme. Por le të marrim një ndjenjë të React dhe Redux dhe se si ato punojnë krah për krah dhe duke ruajtur ende ndarjen e shqetësimeve.
React është ndërtuar rreth konceptit të komponentëve. Kjo është në kontrast me kornizat si Angular dhe Ember, të cilat përdorin lidhje të dyanshme të të dhënave për të përditësuar HTML-në e faqes. Sipas mendimit tim React është më i lehtë për t'u mësuar sesa Angular dhe Ember - është shumë më i vogël dhe luan mirë me jQuery dhe korniza të tjera. Ai është gjithashtu jashtëzakonisht i shpejtë, sepse përdor një DOM virtual dhe sinkronizon vetëm pjesët e ndryshuara me faqen themelore (qasja në DOM është ende pjesa më e ngadaltë e një aplikacioni modern në internet, kjo është arsyeja pse korniza merr një rritje të performancës duke e optimizuar atë ).
Tani le të fillojmë të shikojmë një kod se si duket një komponent reagues
import React from ‘react’;
import { Component } from ‘react’;
import BookList from ‘../containers/book_list’;
import BookDetail from ‘../containers/book_detail’;
export default class App extends Component {
render() {
return (
<div>
<BookList />
<BookDetail />
</div>
);
}
}
Këtu kemi një komponent aplikacioni, i cili kthen një div me dy komponentë të tjerë BookList dhe BookDetail. Pra, siç mund ta shihni, 'App' është vetëm një klasë, e cila zgjeron klasën e Komponentit nga biblioteka React. Prandaj, ne implementojmë një funksion render. Ky është një funksion i pastër reagues i cili në fakt është përgjegjës për dhënien e logjikës. Në disa "blogpost" në vijim do të shohim se si t'i shkruajmë komponentët e fëmijëve dhe t'i lidhim ato me redux.
