React-Js Development For Steemit | React Events | Steem Alliance Community.

Hello Everyone,

How are you guys, I hope all will be well and good, by the grace of God, I am also feeling well. My responsibility in this community is as a development manager. I have started the consistently tutorial base program to spread the knowledge of programming and development.

In the last post, I shared the knowledge about React Events. In this tutorial, I have selected the topic “React Fragment”.

React fragments provide the control to handle multiple components and multiple elements. react fragments help us to render the multiple elements at the same time. basically, react fragments wrap the multiple elements into a single wrapper. the syntax of react fragment is very simple. we just need to wrap all element in this way to render them on screen at the same time.

Sentex:

<React.Fragment>
<h1>Hello Steemit </h1>
<h1> Steem Development </h1>
</React.Fragment>

React fragments help to improve the application performance. we can use the key props to manage the item lists by using fragments. React fragments is the lightweight method to render the multiple components and elements. react fragments work like an invisible wrapper element. it has no specific style or layout.

A question raise there that we can do the same thing by using <div>element so then why we use it. don't worry, i will explain it.

Basically <div>is the visible element in the Markup but fragment have no visible element in markup. by using the react fragment we can avoid the unwanted and unnecessary <div>elements which can reduce the markup clutter. <div> is the block level element Thay have their own default layout properties, but fragments have no layout properties. Now i will explain it with an example.

React Event Example.

import React from 'react';

function MyComponent() {
  return (
    <React.Fragment>
      <h1>Hello Steemit</h1>
      <p>Steemit is the decentralized blockchain. </p>
    </React.Fragment>
  );
}

export default MyComponent;

Hope you guys understand react events who it works. We will use in future steemit development.

Please cast witness vote to @bangla.Witness or set proxy to @rme.

_
Vote @bangla.witness as witness
Set Proxy @rme as proxy

Special Thanks.

Cc: @rme
Cc: @hungry-griffin
Cc: @stephenkendal

Thanks for giving your precious time to my post.
Follow | Upvote | Share | Comments
Follow me on Instagram.
Instagram

🆃🅷🅰️🅽🅺 🆈🅾️🆄