160 likes | 175 Views
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>
E N D
POINTS WILL BE COVER.. What is React ? Why react ? Lifestyle methods. “hello” world program Set-up tools JavaScript functions Features Advantages & Disadvantages
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”.
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.
Lifestyle methods componentwillMount:function() { this.dosomething1(); } componentshouldMount:function() { this.dosomething2(); } componentShouldUpdate:function() { this.dosomething3(); }
componentDidMount:function() { this.dosomething4(); } componentWillUnmount:function() { this.dosomething5(); }
Simple “hello” word program. ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root') );
Typical set-up tools • Node and pnm. • Babel. • Webpack. • Nb (You can use Gulp instead of Webpack).
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
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.
Advantages of react. reuse React components Out-Of-The-box developer tools. Easy forData binding Very good for SEO.
Disadvantages • It’s only a view layer. • ReactJS into an MVC framework requires configurations. • High pace of development • Poor documentation • Additional SEO hassle