div class=ts-pagebutton class=gotoPage data-page=1Page 1button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page1jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=1 data-page=1 class=ts-thumb lazyload alt=Page 1: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails1jpg width=140 height=200 adivdivdiv class=ts-pagebutton class=gotoPage data-page=2Page 2button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page2jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=2 data-page=2 class=ts-thumb lazyload alt=Page 2: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails2jpg width=140 height=200 adivpMVCMVPMVW…p pUI Libraryp pDeveloped By Facebookpdivdiv class=ts-pagebutton class=gotoPage data-page=3Page 3button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page3jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=3 data-page=3 class=ts-thumb lazyload alt=Page 3: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails3jpg width=140 height=200 adivpWhy React pdivdiv class=ts-pagebutton class=gotoPage data-page=4Page 4button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page4jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=4 data-page=4 class=ts-thumb lazyload alt=Page 4: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails4jpg width=140 height=200 adivpConceptp p● Virtual DOMp p● “Diffing” algorithmpdivdiv class=ts-pagebutton class=gotoPage data-page=5Page 5button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page5jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=5 data-page=5 class=ts-thumb lazyload alt=Page 5: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails5jpg width=140 height=200 adivpBasicsp p● Componentp p● JSXp p● Propspdivdiv class=ts-pagebutton class=gotoPage data-page=6Page 6button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page6jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=6 data-page=6 class=ts-thumb lazyload alt=Page 6: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails6jpg width=140 height=200 adivpComponentspdivdiv class=ts-pagebutton class=gotoPage data-page=7Page 7button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page7jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=7 data-page=7 class=ts-thumb lazyload alt=Page 7: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails7jpg width=140 height=200 adivpRender Componentpdivdiv class=ts-pagebutton class=gotoPage data-page=8Page 8button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page8jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=8 data-page=8 class=ts-thumb lazyload alt=Page 8: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails8jpg width=140 height=200 adivpCreate Componentpdivdiv class=ts-pagebutton class=gotoPage data-page=9Page 9button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page9jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=9 data-page=9 class=ts-thumb lazyload alt=Page 9: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails9jpg width=140 height=200 adivpJSXpdivdiv class=ts-pagebutton class=gotoPage data-page=10Page 10button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page10jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=10 data-page=10 class=ts-thumb lazyload alt=Page 10: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails10jpg width=140 height=200 adivdivdiv class=ts-pagebutton class=gotoPage data-page=11Page 11button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page11jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=11 data-page=11 class=ts-thumb lazyload alt=Page 11: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails11jpg width=140 height=200 adivdivdiv class=ts-pagebutton class=gotoPage data-page=12Page 12button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page12jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=12 data-page=12 class=ts-thumb lazyload alt=Page 12: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails12jpg width=140 height=200 adivpPropspdivdiv class=ts-pagebutton class=gotoPage data-page=13Page 13button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page13jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=13 data-page=13 class=ts-thumb lazyload alt=Page 13: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails13jpg width=140 height=200 adivdivdiv class=ts-pagebutton class=gotoPage data-page=14Page 14button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page14jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=14 data-page=14 class=ts-thumb lazyload alt=Page 14: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails14jpg width=140 height=200 adivpStatespdivdiv class=ts-pagebutton class=gotoPage data-page=15Page 15button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page15jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=15 data-page=15 class=ts-thumb lazyload alt=Page 15: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails15jpg width=140 height=200 adivp● Re-render componentp p● Initialized via getInitialState functionpdivdiv class=ts-pagebutton class=gotoPage data-page=16Page 16button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page16jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=16 data-page=16 class=ts-thumb lazyload alt=Page 16: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails16jpg width=140 height=200 adivpLet’s code !!pdivdiv class=ts-pagebutton class=gotoPage data-page=17Page 17button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page17jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=17 data-page=17 class=ts-thumb lazyload alt=Page 17: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails17jpg width=140 height=200 adivdivdiv class=ts-pagebutton class=gotoPage data-page=18Page 18button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page18jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=18 data-page=18 class=ts-thumb lazyload alt=Page 18: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails18jpg width=140 height=200 adivpMVCpdivdiv class=ts-pagebutton class=gotoPage data-page=19Page 19button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page19jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=19 data-page=19 class=ts-thumb lazyload alt=Page 19: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails19jpg width=140 height=200 adivpFLUXpdivdiv class=ts-pagebutton class=gotoPage data-page=20Page 20button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page20jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=20 data-page=20 class=ts-thumb lazyload alt=Page 20: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails20jpg width=140 height=200 adivpDispatcherpdivdiv class=ts-pagebutton class=gotoPage data-page=21Page 21button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page21jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=21 data-page=21 class=ts-thumb lazyload alt=Page 21: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails21jpg width=140 height=200 adivpActions initiate the processpdivdiv class=ts-pagebutton class=gotoPage data-page=22Page 22button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page22jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=22 data-page=22 class=ts-thumb lazyload alt=Page 22: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails22jpg width=140 height=200 adivpStores logicspdivdiv class=ts-pagebutton class=gotoPage data-page=23Page 23button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page23jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=23 data-page=23 class=ts-thumb lazyload alt=Page 23: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails23jpg width=140 height=200 adivpViews React Angular…pdivdiv class=ts-pagebutton class=gotoPage data-page=24Page 24button div class=ts-imagea href=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5page24jpg target=_blank img data-url=geek-time-juin-2016-reacthtmlpage=24 data-page=24 class=ts-thumb lazyload alt=Page 24: Geek Time Juin 2016 : React loading=lazy src=data:imagegifbase64iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR42mP8X8AwAgiABKBAv+vAXklAAAAAElFTkSuQmCC data-src=https:reader042vdocumentssitereader042viewer202203031758707f911a28ab57368b6087html5thumbnails24jpg width=140 height=200 adivpThankspdiv