1 / 16

Basic React Knowledge.

This PPT helps you to know the basics and more knowledge about react, types, features and all. Please find all kind of topics in ppt<br>

jacobryne
Download Presentation

Basic React Knowledge.

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. React

  2. POINTS WILL BE COVER.. What is React ? Why react ? Lifestyle methods. “hello” world program Set-up tools JavaScript functions Features Advantages & Disadvantages

  3. What is react ? React was first created by Jordan Walke, a software engineer working for Facebook. JavaScript library created by Facebook. User Interface (UI) library. tool for building UI components. Component based architecture. React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”.

  4. Why react ? • Allows developers to create large web applications which can change data, without reloading the page. Testability Native Approach Provides the “V” in MVC Simplicity Fast, Scalable, Simple.

  5. Lifestyle methods componentwillMount:function() { this.dosomething1(); } componentshouldMount:function() { this.dosomething2(); } componentShouldUpdate:function() { this.dosomething3(); }

  6. componentDidMount:function() { this.dosomething4(); } componentWillUnmount:function() { this.dosomething5(); }

  7. Simple “hello” word program. ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root') );

  8. Typical set-up tools • Node and pnm. • Babel. • Webpack. • Nb (You can use Gulp instead of Webpack).

  9. What is babel ? • It’s JavaScript compiler that includes the ability to compile JSX into regular JavaScript. • Babel's npm module's name is babel-core. • It’s native platform. • Babel comes in two parts: the core, and plugins. • Collections of plugins are grouped into presets

  10. Webpack? • Webpack is a popular module bundling system built on top of Node.js. • It can handle not only combination and minification of JavaScript and CSS files, but also other assets such as image files (spriting) through the use of plugins. • Webpack can be used as an alternative to Cassette or ASP.NET Combination and Minification.

  11. JavaScript function-

  12. Features of react.

  13. Advantages of react. reuse React components Out-Of-The-box developer tools. Easy forData binding Very good for SEO.

  14. Disadvantages • It’s only a view layer. • ReactJS into an MVC framework requires configurations. • High pace of development • Poor documentation • Additional SEO hassle

  15. Thank you

More Related