官术网_书友最值得收藏!

Chapter 1. Getting Started with React

Web development has seen a huge advent of Single Page Application (SPA) in the past couple of years. Early development was simple—reload a complete page to perform a change in the display or perform a user action. The problem with this was a huge round-trip time for the complete request to reach the web server and back to the client.

Then came AJAX, which sent a request to the server, and could update parts of the page without reloading the current page. Moving in the same direction, we saw the emergence of the SPAs.

Wrapping up the heavy frontend content and delivering it to the client browser just once, while maintaining a small channel for communication with the server based on any event; this is usually complemented by thin API on the web server.

The growth in such apps has been complemented by JavaScript libraries and frameworks such as Ext JS, KnockoutJS, BackboneJS, AngularJS, EmberJS, and more recently, React and Polymer.

Let's take a look at how React fits in this ecosystem and get introduced to it in this chapter.

In this chapter, we will cover the following topics:

  • What is React and why do we use React?
  • Data flows in the component
  • Component displays the view based on state of the component
  • Component defines display of the view, irrespective of data contained, thus reducing the dependency and complexity of state for display
  • User interactions may change state of component from handlers
  • Components are reused and re-rendered
主站蜘蛛池模板: 西丰县| 济源市| 阿勒泰市| 阳泉市| 宝清县| 闽侯县| 宜都市| 界首市| 汝城县| 洞口县| 弋阳县| 沙坪坝区| 瑞金市| 昌都县| 麻城市| 兴隆县| 长汀县| 丹凤县| 郎溪县| 新乡市| 乡城县| 手机| 金湖县| 邹平县| 美姑县| 保山市| 永济市| 抚州市| 普定县| 东兰县| 简阳市| 蓬溪县| 宜州市| 上蔡县| 西华县| 辉南县| 乌拉特中旗| 南澳县| 庄河市| 宁波市| 梨树县|