What Is React?

 

What Is React?

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”.

React has a few different kinds of components, but we’ll start with React.Component subclasses:

class ShoppingList extends React.Component {
  render() {
    return (
      <div className="shopping-list">
        <h1>Shopping List for {this.props.name}</h1>
        <ul>
          <li>Instagram</li>
          <li>WhatsApp</li>
          <li>Oculus</li>
        </ul>
      </div>
    );
  }
}

// Example usage: <ShoppingList name="Mark" />

We’ll get to the funny XML-like tags soon. We use components to tell React what we want to see on the screen. When our data changes, React will efficiently update and re-render our components.

Here, ShoppingList is a React component class, or React component type. A component takes in parameters, called props (short for “properties”), and returns a hierarchy of views to display via the render method.

The render method returns a description of what you want to see on the screen. React takes the description and displays the result. In particular, render returns a React element, which is a lightweight description of what to render. Most React developers use a special syntax called “JSX” which makes these structures easier to write. The <div /> syntax is transformed at build time to React.createElement('div'). The example above is equivalent to:

return React.createElement('div', {className: 'shopping-list'},
  React.createElement('h1', /* ... h1 children ... */),
  React.createElement('ul', /* ... ul children ... */)
);

See full expanded version.

If you’re curious, createElement() is described in more detail in the API reference, but we won’t be using it in this tutorial. Instead, we will keep using JSX.

JSX comes with the full power of JavaScript. You can put any JavaScript expressions within braces inside JSX. Each React element is a JavaScript object that you can store in a variable or pass around in your program.

The ShoppingList component above only renders built-in DOM components like <div /> and <li />. But you can compose and render custom React components too. For example, we can now refer to the whole shopping list by writing <ShoppingList />. Each React component is encapsulated and can operate independently; this allows you to build complex UIs from simple components.


Corona Virus Cases....

Corona Virus Cases..

New York
wk 1 - 2
wk 2 - 105
wk 3 - 613

France
wk 1 - 12
wk 2 - 191
wk 3 - 653
wk 4 - 4499

Genral Science Notes for HSSC -1

महत्वपूर्ण फॉर्मूले


1.आक्सीजन—O₂
2. नाइट्रोजन—N₂
3. हाइड्रोजन—H₂

HSSC ने जारी किया नोटिस तहसीलदार से अटेस्टेड नहीं करवाना सेल्फ अटेस्ट चल जायेगा....


HSSC ने जारी किया नोटिस तहसीलदार से अटेस्टेड नहीं करवाना सेल्फ अटेस्ट चल जायेगा।

Reference Haryana Staff Selection Commission’s Advertisement No. 6/2019, 7/2019, 8/2019, 9/2019 & 10/2019, which were published in various newspapers and are also available on the Haryana Staff Selection Commission’s website i.e. www.hssc.gov.in for inviting applications for various categories of posts.

AC का सही उपयोग ....

* एसी को 26+ डिग्री पर रखें और पंखा लगाएं। *
 EB से एक कार्यकारी इंजीनियर द्वारा भेजी गई बहुत उपयोगी जानकारी:



 एसी का सही उपयोग:
 चूंकि गर्मियां शुरू हो गई हैं और हम नियमित रूप से एयर कंडीशनर का उपयोग करते हैं, आइए हम सही विधि का पालन करें।

भाजपा के लिए नया मंत्रिमंडल......

भाजपा के लिए नया मंत्रिमंडल



खेल मंत्री : गौतम गंभीर
विदेश मंत्री : स्मृति ईरानी

हरियाणा में कच्चे कर्मचारियों की भी बल्ले-बल्ले, सरकार ने बढ़ाया मानदेय, जानें कितनी हुई वृद्धि...........

हरियाणा में कच्चे कर्मचारियों की भी बल्ले-बल्ले, सरकार ने बढ़ाया मानदेय, जानें कितनी हुई वृद्धि



हरियाणा सरकार ने डीसी रेट पर कार्यरत कच्चे कर्मचारियों के मानदेय में इजाफा कर दिया है। यह बढ़ोतरी 1 मार्च 2019 से 29 फरवरी 2020 तक प्रभावी रहेगी।

राजस्थान में गर्मी का 75 साल का रिकॉर्ड टूटा........

राजस्थान में गर्मी का  75 साल का रिकॉर्ड टूटा, दिल्ली में आज रेड वार्निंग



उत्तर भारत में शुक्रवार इस महीने का सबसे गर्म दिन रहा। अधिकतर स्थानों पर पारा 45 डिग्री के पार पहुंच गया। राजस्थान के श्रीगंगानगर में मई के महीने का 75 साल का रिकॉर्ड तोड़ते हुए

अपील ......



अपील       
                                                               
आज लोगों को लग रहा है कि गर्मी बहुत लग रही है।
पर कब तक AC का सहारा लेंगे, आज हिन्दुस्तान में 500 करोड़ पेड़ की ज़रूरत है।

OBEY TRAFFIC RULES......

जो करै गलती,
काढ दे मरोङ
सिर देवै फोङ,
टॉग बॉह देवै तोङ,
इसे इसे सै म्हारे रोङ    ।

कैसा हो घर का वास्तु ? 🏠 स्वर्गीय अटल जी की ज़ुबानी ---


कैसा हो घर का वास्तु ? 🏠
स्वर्गीय अटल जी की ज़ुबानी -

Advertise Your Business With Us

                                                         Hey... Dear Friends

                                          Your Most Welcome @ Latest Hindi Info


दोस्तों ये पोस्ट स्पेशल उन लोगो के लिए डाली ही जो अपने किसी भी प्रकार के बिज़नस को हमारे ब्लॉग के द्वारा प्रोमोट करवाना चाहते ......
वैसे तो पहले ही एड्स लगी  हुई है .....लेंकिन अभी भी कुछ एरिया बचा हुआ है | जहा पर आप अपनी एड्स या बैनर लगवा सकते है बिलकुल उचित प्राइस पर .......

Question Exam ......

Sunny Deol joins BJP, gets ticket for Gurdaspur seat



गुरदासपुर लोकसभा सीट पर दो दशकों तक भारतीय जनता पार्टी का कब्जा रहा है और पूर्व में ऐक्टर विनोद खन्ना इस सीट से बीजेपी के सांसद रह चुके हैं। विनोद खन्ना ने 1998, 1999, 2004 और 2014 में इस सीट पर जीत हासिल की थी। 27 अप्रैल 2017 को

लोकसभा चुनाव 2019.....

अचार संहिता लागू:
निर्वाचन आयोग द्वारा लोकसभा चुनाव 2019 की तारीख निर्धारित कर दी  गयी है। जिसकी प्रदेश अनुसार तिथि निम्न है।

 

For Advertisment

Featured post

Question Exam ......

Hello Dear Friends visit our Website, ..... IAS,IPS, PSC, SSC, Rly, Group D एंव Bank  हेतु उपयोगी संकलन , question exam, Question Exam,...

Most Reading