INDUSTRIAL ASSESSMENT -5 Introduction to React JS: 1e help of TMI Its also known ‘sit is developed xd by the likes of 5 views using Reactis a popular open-source JavaScript itary that performs data viesing with th ferent notation in different places {as React JS and React js, so doe!'t get confused if you read dif by in Facebook, it is also popularly known as Facebook React |s-" it is maintaine Instagram, Facebook and commmity developers that are interested in ‘component based system. The components are specified as custom HTM taBs, Wary useful when It comes to protecting Internal components or data flows The subcone Bee Wrest ecternal queries) naling a{pood cholce for front-end view's develQemei Itis also very et teri atthe TMA doclment| hh ew date, rating We = perfect chee for os driven web pplication such as Facebook or Instagram. The library also ensures that a clean separation ‘made between the different components, ensuring easy maintenance and upgradation in future, Currently, the library React JS works 2s providing easy usability. React is jonents cannot be React JS History: ineer in Facebook has first released an early React Jordan Walke created React, who worked as a software engi and later in 2012 on prototype called "Fax JS." In 2012, React was first deployed on Facebook's News Feed, Instagram Why do people choose to program with React? « _Fast-Feel quick and responsive through the Apps made in React can handle complex updates «Modular - Allow you to write many smaller, reusable files instead of writing large, dense files of code. ‘The modularity of React is an attractive solution for JavaScript's visibility j «Scalable React performs best in the case of large programs that si€play a lot of data changes. + Flexible React approaches di 6 components while building user interfaces. Thisis incredibly important in large applications, + Popular React JS gives better performange(han other JavaScript languages due to a's implementation of a vital DOM + asy to learn-Since it requires minimal understanding of HTML and JavaScript, the learning curve is low Features of React JS: 1. JSN-JavaScript Syntax Extension 18kis a preferable choice for many web developers. It isn't necessary to use ISK in React development, but th is a massive difference between wetting react)s documents in ISX and JavaScript JSX is a syntax ext JavaScript. By using that, we can write ITMI structures in the same filet lee t contains JavaScript code: 2. Unidirectional Data Flow and Flux Reacts is designed so that it will oly support data that is flowing downst is eal 8 lt ream, in one direction. If the data has ditional features, React contains a set of immutable values passed SVUBNGGG‘to the component renderer as properties in HTML tags. The components cannot modify any properties directv but support a callback function to do modifications 3. Virtual Document Object Model (DOM) React contains a lightweight representation of real DOM in the memory called Virtual DOM Manipulating re3) DOM is much slower compared to VDOM a nothing gets drawn on the screen. When any object's state changes, \VDOM modifies only that object in real DOM instead of updating whole objects 4. Extensions it supports server-side rendering Flux, and Redux React supports various extensions for application architecture. x developed from React for creating extensively in web app development. React Native is a popular framewor cross- compatible mobile apps 5. Debugging 1 small browser extension “esting React apps is easy due to large community support. Even Facebook provides that makes React debugging easier and faster Advantages of React J ual DOM, This will improve apps performance since JavaScript virtual OOM React js creates its own vit isfaster than the regular DOM ‘+ React JS helps to create awesome UL «Component and Data pattems improve readability which hejeto maintain larger apps + esct JS is SEO-rienaly + esct can be used with other frameworks «React simplifies the complete process ofthe scripting environment. + it feciitates advanced maintenance and increases productivity. + Ensures faster rendering ‘The best thing about React isthe provision ofa script for mobile app development «Astrong community backs React IS «React JS comes with a helpful developer toolset «Both startups and fortune 500 companies use React Disadvantage of React JS # Thehigh pace of development‘+ Poor Documentation + View Part 4 s8kasabarrier React JS Components :- « have no state of their own and containonly 2 render + Functional Components - These component 4 receive data as parameters. method. They are simply Java script functions that may or may nol mn functional components They ca «Class Components - These components are more complex tha re render method. You can pass data manage their state and to return SX on the screen have a separat from one cass to other class components React Keys: InReact, Keys ore useful when working with dynamically created components Seting the keywalve will keep OUT component uniquely identified after the change. ‘They help React in identifying the items which have changed, are removed, or added. Conclusion: ard tconpare tact ter amewors because ira Hay dmg tearing we con safe sume that despite React being different. its stil appreciated for whats 7 eactisa wonderful brary thatis the number one choice of developers in web application development. ven ough aaa raider Rents development as overaheryn that doesn't change the fac that ths JavaScript Har st ranks the highest among developers wordwie 4 Class Components These components &r€ more complex than functional components They can manage their tata and to return SK on the screen ave a separate render method. You can pass data from one lasso other class components React Keys: in React, Keys are useful when working with dynamically created components. Setting the keyalue will Keep ‘your component uniquely identified after the change. ‘They help React in identifying the items which have changed, are removed, or added: Conclusions: it’s hard to compare React to other frameworks because i's library. However, judging by he rankings we can Safely assume that despite React being different, i's stl appreciated for what itis React is a wonderful ibrary that is the number one choice of many developers in web application development. Even though some may consider React’s development as overwhelming, that doesn't change the fact that this Javascript library stl ranks the highest among developers worldwide.