Without any modifications, React is really fast as-is. There are, however, a few things that you can do to improve performance. While working at HelloSign, I discovered some quick fixes that made our apps incredibly snappy. With these simple changes, I was able to reduce render time from over 3000 milliseconds to less than 200 milliseconds.

Without any modifications, React is really fast as-is. There are, however, a few things that you can do to improve performance. While working at HelloSign, I discovered some quick fixes that made our apps incredibly snappy. With these simple changes, I was able to reduce render time from over 3000 milliseconds to less than 200 milliseconds.

Editor’s Note:

Check out our upcoming React University Workshops. Our next workshop, React 2016, will be held on April 23 at Microsoft Reactor in San Francisco and will offer a deep dive into creating modern Single-Page Applications (SPA) using React, Redux, React Router, Immutable.js, and Webpack. Also, if you’re interested in learning the basics about what it takes to be a Data Visualization Engineer, check out React and D3.

Introduction

HelloSign is a cloud-based electronic signature tool founded in 2010. As you can imagine, HelloSign is a very JavaScript-heavy codebase. A lot of client-side behavior is necessary to create a rich signing experience. Lately, we’ve moved much of our codebase toward React. In fact, in many places we’ve broken up our codebase into several single-page applications written in React.

Although the HelloSign team was happy with React’s performance before I initially joined the project, I quickly found some low-hanging fruit that could improve runtime speed. Here are the steps you should take to see similar improvements in your own applications.

Create a Baseline Performance Measurement

Before you begin, you should take a baseline measurement. Optimizations are meaningless if you can’t verify the results of your modifications.

Thankfully, Chrome has excellent developer tools to help. One, little-used feature of Chrome’s DevTools is the “Timeline” tool. It allows you to record and analyze all activity in your application. You can record interactions on the page, locate potential memory leaks, measure the total time it takes to perform a task, and identify areas of potential jank. Best of all, the results can be recorded for comparison with your final benchmark.

There’s actually a really awesome video on Chrome’s DevTools that goes into detail about the “Timeline” feature. You can view it here.

We chose to measure the time elapsed between the initial paint of our signer page to the final rendering of the entire page. The initial download of our bundles still needs some optimization, but we’re neither going to mess with nor measure this parameter. It’s fairly easy and consistent to test render time rather than trying to click areas around the page and trying to measure its performance in a repeatable way. Then, all we needed to do was to go to the signer page, open Chrome’s DevTools “Timeline” tab, and refresh the page.

As a side note, make sure that when performing this test, the “Paint” and “Screenshots” boxes are checked so that you can see what the user sees as the page is being rendered.

After all that, we determined that our rendering time from initial paint was a little over 3 seconds. Much too long. Luckily, there was little we had to do to make this quite a bit faster.

Set NODE_ENV to Production

This step is easy to get wrong, even if you are well-informed. React’s documentation provides an overview, but doesn’t provide many specifics. React has great developer warnings and error checking, but these are only intended for development; if you take a look at React’s source code, you’ll see a lot of if (process.env.NODE_ENV != 'production') checks. This is running extra code that is not needed by the end user, not to mention that calling process.env.NODE_ENV is extremely slow. For production environments, we can remove all this unnecessary code. Just keep in mind that you don’t want to do this in development because it will remove all those helpful developer warnings.

If you’re using Webpack, you can use DefinePlugin to replace all instances of process.env.NODE_ENV with 'production', and then use the UglifyJsPlugin to remove all the dead code that no longer runs. Here’s a sample setup that you might use:

// webpack.config.js
  ...
  plugins: [
    new webpack.DefinePlugin({
      // A common mistake is not stringifying the "production" string.
      'process.env.NODE_ENV': JSON.stringify('production')
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    })
  ]
  ...

React Constant and Inline Elements Transforms

React 0.14 introduced support for certain transpile time optimizations with Constant and Inline Element Babel Transforms. React Constant Elements treats JSX elements as values and hoists them to a higher scope. In other words, it hoists static elements and thereby reduces calls to React.createClass. React Inline Elements converts JSX elements into the object literals that they eventually return. Again, this minimizes the runtime calls to React.createClass.

The implementation is rather simple. We added our Babel configuration in our package.json file:

// package.json
  ...
  "babel": {
    "env": {
      "production": {
        "plugins": [
          "transform-react-constant-elements",
          "transform-react-inline-elements"
        ]
      }
    }
  },
  ...

Final Measurement / Conclusion

Lastly, you’ll want to run the benchmark again and compare it with that saved benchmark from before these optimizations. As you can see, the total runtime profile ends 200ms after initial paint! That’s 15 times faster!

Vaporaki: the badge of world champion brings great responsibility

World Cup-bound Suarez flourishing in Finland

Monterrey’s Cardenas happy to be a hero

Former India captain MS Dhoni's presence in the current India squad for the WT20 is the biggest topic of debate at the moment. Many cricketers, current and former have their own views.

Former Indian cricketer Krishnamachari Srikkanth shared his views on MS Dhoni’s chances of making it to the Indian team for the 2020 ICC T20 World Cup on Star Sports 1 show Cricket Connected and said “I am not going to be diplomatic. I am talking about if I was the chairman of the selection committee, what would I do. If the IPL does not happen then his chances are very, very bleak. Because straightaway, in my opinion, KL Rahul will be the wicketkeeper-batsman. Rishabh Pant, I still think he might be a bit of a doubt, but I believe that Rishabh Pant is highly talented. So, I wouldn’t mind taking him along with the squad, but definitely, if the IPL doesn’t happen, then Dhoni will have a difficult time getting back into the team for the T20 World Cup. Let’s be very honest about it. He is absolutely fit, he is a legend, he is brilliant. I am a great fan of Dhoni myself. But the question is for the World Cup team. So you’ll have to put the Indian team first and then the individuals.

Meanwhile, former opening batsman Gautam Gambhir also expressed his thoughts on Yuvraj Singh’s recent comments pertaining to role models in the current team and said, “I agree with Yuvraj that there is a dearth of role models in the Indian team currently, like in the 2000s, we had Dravid, Kumble, Laxman, Sourav and Sachin to guide the team. It is important to have senior players around you who can help you when you’re going through a rough patch. Right now, I don’t think there are enough seniors in the Indian camp, who will set aside their self-interest to help youngsters.

Who are the role models in #TeamIndia’s dressing room?

Watch @GautamGambhir, @VVSLaxman281 and other experts weigh in on the discussion and much more on #CricketConnected!

⏳: Saturday, 7 PM
📺: Star Sports Network & Disney+Hotstar pic.twitter.com/fwsyqil4Wp

— Star Sports (@StarSportsIndia) April 15, 2020

Another ex-Test opener VVS Laxman also shared his views on Rohit Sharma not featuring in Wisden Cricketers of the Year list said on Star Sports 1 show Cricket Connected, “I think anyone who follows the game of cricket will be surprised and shocked not to see Rohit Sharma’s name in those five players list. Because yes, The Ashes is an important series, the World Cup is bigger than Ashes. And someone who has scored five hundreds; remember the first hundred was on a tough wicket in Southampton against South Africa and none of the other batsmen got runs. And he played another important knock against Pakistan. I am really shocked and surprised, and every cricketer will be shocked and surprised by this announcement from Wisden.”

Catch up on all the latest sports news and updates here. Also download the new mid-day Android and iOS apps to get latest updates.

Mid-Day is now on Telegram. Click here to join our channel (@middayinfomedialtd) and stay updated with the latest news

Indian shuttlers Ashwini Ponnappa and N Sikki Reddy have finally got some time to pause and reflect due to the COVID-19 pandemic and they are making the most of it by creating a database to analyse their past performances while waiting for another shot at Olympic qualification. The coronavirus outbreak has left over 1.2 lakh people dead and infected nearly 2 million globally, and brought all sports activities, including badminton, to a halt after countries imposed lockdowns. Ashwini and Sikki are doubles specialists and endured an underwhelming season last year. The time at hand has given them a chace to analyse the past performances.

"We don't have any one to sit and do analysis for us, so now that we have time, I'm doing some analysis of our performance. I am jotting down points, about areas where I can improve. I started with my matches and then other players on tour," Ashwini, who represented India at the London and Rio Olympic Games, told PTI. "You can always watch and analyse and understand the patterns but it is different when you see things on paper. It is more concrete. So trying to set up a complete database. My brother will help me out. He made an app for me in the past." Ashwini and Sikki fell at the first hurdle 13 times in 20 tournaments last year, and exited from the second round thrice.

Ashwini also picked up a calf injury during the Syed Modi International but the duo was still confident of qualifying by performing well in the remaining Olympic qualifiers. But with Badminton World Federation (BWF) cancelling all tournaments due to the coronavirus pandemic, their fate remains uncertain. "The problem is we don't know the new BWF rules regarding the qualification. There is one year left now, you can't take a two year old performance to select for Olympics, it has to be present performance, so we have to wait," said Sikki. "In badminton, there is a ranking cut off, so how will they accommodate the cancelled qualifiers, how will they count the ranking points, everything is too messed up now," she added. Sikki and Ashwini had reached the finals at Hyderabad Open Super 100 and Maldives International Challenge, last year.

The Indian pair is ranked 28th and will need to be inside top 16 on April 29, 2021 -- the new Olympic cut off date. Ashwini said: "Me and Sikki were confident of doing well in the 4-5 tournaments left but now no one knows what would be the criteria of Olympic qualification and BWF can't really say anything with things changing every moment." They are using the coronavirus-forced break to learn cooking, besides doing some wall practice and exercises for physical fitness. Talking about the effects of the lockdown on mental health, Sikki said: "We have been travelling a lot all these years and now for a month, we are at home, it is fine. But what if it is for 2-3 months, then it will get tough to stay away from the game.

"So it is important to stay motivated for once the lockdown is lifted because you will in a comfortable zone in the break and then all of a sudden you will need to push yourself." Ashwini added: "...now that Olympics have been postponed, nothing is certain and it is tough, you have to be really strong." The economic fallout of the coronavirus outbreak has hit sports hard and Ashwini said badminton too will be affected. "It will hit in terms of sponsors, in terms of tournaments being conducted because countries need sponsors to host events, and after this, I'm not sure what the economic status of many countries would be. "The way things are, it is will be tough to host tournaments, it will not be easy for countries to have tournaments with many big companies shut and struggling to survive," she signed off.

Catch up on all the latest sports news and updates here. Also download the new mid-day Android and iOS apps to get latest updates.

Mid-Day is now on Telegram. Click here to join our channel (@middayinfomedialtd) and stay updated with the latest news

This story has been sourced from a third party syndicated feed, agencies. Mid-day accepts no responsibility or liability for its dependability, trustworthiness, reliability and data of the text. Mid-day management/mid-day.com reserves the sole right to alter, delete or remove (without notice) the content in its absolute discretion for any reason whatsoever

They would have been striving together to make Rajasthan Royals win at this time of the year in the Indian Premier League (IPL).

Instead, the coronavirus pandemic has forced the likes of Jos Buttler, Robin Uthappa, Varun Aaron and Riyan Parag to be at home and help the women in their lives.

"We have been home for three weeks now and we are loving it. He is also been doing lots of cooking. He has even done some cleaning for me," Louise Buttler said during a Rajasthan Royals social media interaction.

"It's been amazing to have Robin home for this long at a stretch. Robin's been cooking. He is trying his hand at cooking," said Shheethal, Uthappa's better half.

For 18-year old Riyan Parag, who impressed one and all last season, his mother Mithoo Barooah complained the Guwahati-born batsman has been into gaming all the time but it is good to be around him.

"I am actually loving it, having my kid around with me for so long. I also don't want him to be away from cricket as that's his passion. Not just that, he is gaming all the time which annoys me," Mithoo said.

Ragini, Aaron's wife, said she is getting used to the pacer's mess lying all around the house but also spending quality time with the husband.

"Spending time with my husband has been really great. It's the usual Varun Aaron mess all throughout the house."

The IPL has been postponed due to the lockdown getting extended till May 3.

Catch up on all the latest sports news and updates here. Also download the new mid-day Android and iOS apps to get latest updates.

Mid-Day is now on Telegram. Click here to join our channel (@middayinfomedialtd) and stay updated with the latest news

This story has been sourced from a third party syndicated feed, agencies. Mid-day accepts no responsibility or liability for its dependability, trustworthiness, reliability and data of the text. Mid-day management/mid-day.com reserves the sole right to alter, delete or remove (without notice) the content in its absolute discretion for any reason whatsoever

Fast bowler Jaydev Unadkat said that he feels fortunate to have played with former Australian captain Steve Smith and even played under the star batsman early on in his career. Smith was captain of Rising Pune Supergiant when Unadkat had his breakthrough season in the 2017 Indian Premier League (IPL).

"Ever since I have played under him, or for that matter since he has known me, he has backed me to the fullest," said Unadkat in a video interview with his Rajasthan Royals teammate Ish Sodhi on the IPL side's Facebook page.

"I am grateful that this happened to me at that time of my career when I was still trying to make a name for myself. I had confidence in myself but you know how important it is to have the captain's confidence. That happened in the 2017 season. I have been a big fan of his captaincy and obviously of him as a player."

The 28-year-old rejoined Smith at the Rajasthan Royals in the 2018 season where he also shares the dressing room with England trio Ben Stokes, Jos Buttler and Jofra Archer. Unadkat said that he tries to learn from all of them and spoke about how Stokes tried to motivate him when he was feeling low on confidence.

"These guys are not just good on the field, they are pretty lively even in the dressing room," said Unadkat.

"I have been speaking to Jos and Smithy when he was captain. I've had Ben coming to me and giving a nice piece of advice when I have not been confident about my own game and that has boosted me. Jofra was also of equal help, talking about what his mindset is when I asked him in the nets."

Catch up on all the latest sports news and updates here. Also download the new mid-day Android and iOS apps to get latest updates.

Mid-Day is now on Telegram. Click here to join our channel (@middayinfomedialtd) and stay updated with the latest news

This story has been sourced from a third party syndicated feed, agencies. Mid-day accepts no responsibility or liability for its dependability, trustworthiness, reliability and data of the text. Mid-day management/mid-day.com reserves the sole right to alter, delete or remove (without notice) the content in its absolute discretion for any reason whatsoever

The lengthy Coronavirus-virus-caused lockdown has left many sportspersons restless, but Mumbai and India cricketer Dhawal Kulkarni has reason to be happy. Apart from an hour-long training schedule laid out by his Indian Premier League side Mumbai Indians, Dhawal is dedicating the entire day to his infant daughter, Nitara.

"The lockdown has its pros and cons. I've been injured since last December, so I was itching to get on the field. I was looking forward to playing for MI in the IPL, but unfortunately no cricket can take place at this moment. However, I'm fortunate to be able to spend so much time with my daughter. She was born on January 21 and it's great to see her grow.

"I enjoy playing with her, changing her diapers. I would've missed all this if the cricket season was on. Since no outsider is allowed in our housing society, I'm helping my wife [Shraddha] with household chores," Dhawal, who has played 12 ODIs and two T20Is, told mid-day.

"When Nitara wakes up, I take her to the balcony. I just try and be around her as much as possible," he added.

Catch up on all the latest sports news and updates here. Also download the new mid-day Android and iOS apps to get latest updates.

Mid-Day is now on Telegram. Click here to join our channel (@middayinfomedialtd) and stay updated with the latest news

Wicket-keeper batsman Sanju Samson recently said that one cannot copy MS Dhoni and that the former India skipper can only be appreciated for whatever he has achieved in international cricket.

The official Instagram handle of Indian Premier League (IPL) franchise Chennai Super Kings shared a video in which Samson can be seen talking about Dhoni.

 

 

 

View this post on Instagram

@imsanjusamson VC: @ruphas #WhistlePodu

A post shared by Chennai Super Kings (@chennaiipl) onMay 4, 2020 at 4:00am PDT

"MS Dhoni is a hero, he is a hero for everyone, he has spent so many years in international cricket, he has given us many memories, everyone will be inspired with what he has achieved in international cricket, a guy coming from Jharkhand and then going on to become the most successful Indian captain, he has achieved everything, I feel emotional and connected whenever I talk about MS Dhoni," Samson said in the video posted by Chennai Super Kings.

"You cannot copy MS Dhoni, you just have to look at him and clap your hands. I shared the dressing room with him when I was 19 years old, we were on a tour to England, after that I did not play for India for the next five years," he added.

In the video, the 25-year-old Samson also said that he once had a dream featuring MS Dhoni. The young wicket-keeper then revealed how that dream was fulfilled.

"I really had a dream that Mahi bhai was the captain of the team and he was changing the field. I was standing in the slips and he shouted Sanju go there, this is the dream I had, after some days the news came in that he has stepped down as the captain, and I thought how will my dream come true now," Samson said.

"But after a few days we played a pratice match against England at Mumbai, and Dhoni was the captain in the match and he indeed changed my fielding position, my dream came true, I need to tell this to Mahi bhai that my dream was fulfilled," he added.

Thirty-eight-year-old Dhoni has been currently enjoying some time away from the game. He last played competitive cricket during the 2019 World Cup. Dhoni had to face criticism for his slow batting approach during India's matches in the high-profile game.

This year, Dhoni did not find a place for himself in the BCCI's centrally contracted players list.

The board had released the list of central contract list of players for the period from October 2019 to September 2020.

Dhoni is the only captain to win all major ICC trophies (50-over World Cup, T20 World Cup, and Champions Trophy).

Under his leadership, India also managed to attain the number one ranking in Test cricket.

IPL 2020 was slated to begin from March 29, but the tournament has been postponed indefinitely due to the coronavirus pandemic.

Catch up on all the latest sports news and updates here. Also download the new mid-day Android and iOS apps to get latest updates.

Mid-Day is now on Telegram. Click here to join our channel (@middayinfomedialtd) and stay updated with the latest news

This story has been sourced from a third party syndicated feed, agencies. Mid-day accepts no responsibility or liability for its dependability, trustworthiness, reliability and data of the text. Mid-day management/mid-day.com reserves the sole right to alter, delete or remove (without notice) the content in its absolute discretion for any reason whatsoever

Fire at a chemical factory in Belapur. Image/Twitter_ANI

Recent reports revealed that a massive fire has broken out at a chemical factory in Belapur, Navi Mumbai. While no casualties or loss of property has been reported, 12 fire tenders have been pressed into action. 

Fire broke out in a chemical factory in Belapur (Mumbai); 12 fire tenders at the spot. (earlier visuals) #Maharashtra pic.twitter.com/xhYNvyjaBx

— ANI (@ANI) April 25, 2018

Earlier pictures show the entire factory being gutted by the massive fire. 

More updates awaited

Catch up on all the latest Crime, National, International and Hatke news here. Also download the new mid-day Android and iOS apps to get latest updates

Vashi APMC wholesale market. File pic

The Maharashtra government will provide international standard facilities for the Mumbai Agricultural Produce Market Committee (APMC) in Vashi, one of the biggest agricultural wholesale markets in Asia. State Marketing Minister Subhash Deshmukh made the announcement during a meeting held here today with officials and traders, an official release said. The meeting was organised to know the problems faced by traders in Mumbai APMC.

During the meeting, the minister directed that international standard facilities be provided at this APMC. "The process of declaring the Mumbai APMC as a
national market area has commenced," the minister was quoted as saying in the release. During the meeting, traders in the vegetable and fruit sections told the minister that there was insufficient space in the APMC to carry out the business.

Deshmukh asked them to maintain regular dialogue with the administration and the market committee. He assured that the decision to reconstructing and
redevelop the APMC premises will be taken soon and asked the administrator to appoint an architect for the task.

Catch up on all the latest Mumbai news, crime news, current affairs, and also a complete guide on Mumbai from food to things to do and events across the city here. Also download the new mid-day Android and iOS apps to get latest updates

This story has been sourced from a third party syndicated feed, agencies. Mid-day accepts no responsibility or liability for its dependability, trustworthiness, reliability and data of the text. Mid-day management/mid-day.com reserves the sole right to alter, delete or remove (without notice) the content in its absolute discretion for any reason whatsoever

A part of the ceiling in Vashi's Raguleela Mall which is one of the prime centres of attraction collapsed on Tuesday afternoon. There was no report of any casualty or injury. The mall is flocked by thousands of people every day for shopping during the weekends and festivities.

Horrible pictures from #Raghuleela Mall #Vashi. Hope Noone is hurt@mid_day pic.twitter.com/1dEQkOdrO3

— Anuraag Kamble (@AnuragANK) July 24, 2018

"Panic gripped when a part of the ceiling fell down at around 12:25 pm. Security officials have asked people who were inside Raghuleela Mall to stay inside their shops," an eyewitness told as reported in Latestly.

Entire POP of Raghuleela Mall, Vashi fell down few minutes back pic.twitter.com/DQxJqJuNhK

— mumbaikars (@Anish67929937) July 24, 2018

It is not clear whether the collapse has anything to do with heavy rains in the city. Further details were awaited.

Catch up on all the latest Crime, National, International and Hatke news here. Also download the new mid-day Android and iOS apps to get latest updates

On Sunday afternoon, a foot overbridge near the Vashi Police Naka collapsed while a part of it was being removed with a crane. Apart from the driver of the crane, who suffered minor injuries, no one has been affected by the incident. However, the incident led to traffic congestion on the road towards Mumbai coming from Navi Mumbai. 

Following the collapse, the Mumbai Traffic Police immediately took to Twitter to inform commuters to take alternative routes. Though cops claimed that the traffic situation normalised on Sunday night, most vehicles on Monday morning took the alternate route via Airoli to avoid getting stuck in traffic.

Watch the video here...

Locals and traffic officials have alleged the Public Works Department (PWD) didn't inform anyone from the Navi Mumbai traffic police or the Vashi police about the dismantling work on Sunday, and that the crane used for it was of a low capacity.

The incident occurred when PWD engineers were dismantling the bridge. When the team was removing a part with the help of a crane, the device couldn't handle the pressure of the bridge, and thus ended up collapsing on the road. Traffic and disaster officials said the crane being used was of a poor capacity.

PWD should have instead brought in two cranes having a good capacity. mid-day reached out to local PWD officer Kishor Patil, but he remained unavailable for comment. PWD built this bridge two years ago. However, locals said that just six months later, it got damaged after a trailer crashed into it. Nobody was using it after that, but PWD decided to demolish it only this month after one-and-a-half years had passed.

Traffic officials said that prior to the collapse, traffic had already been diverted to the other side of the road, so no one was injured in the incident. PWD officials allegedly failed to inform all officials concerned with the area as well as citizens about the demolition, which is why it took longer to manage the situation.

Many users on social networking site Twitter shared videos of the same on their accounts expressing their frustration and anger over the situation. Here's a look at a few.

As of 6.15am in the morning, the entry into #Mumbai still blocked at Mankhurd. Potential traffic mayhem like yesterday. Took 4 hours to cross Vashi flyover yesterday. @MumbaiPolice not answering phones/WhatsApp. Go via Airoli to enter Mumbai.

— Nikhil Karkare (@n_karkare) October 8, 2018

<

Crane clearing work still in progress at mankhurd octroi post.#Trafficupdate @MumbaiPolice huge traffic pile on. Took 1 hr to cross #vashibridge pic.twitter.com/OslI3YdcHV

— Sagar Gholap (@gholapsagar) October 8, 2018

@MumbaiPolice @CPMumbaiPolice I tried calling/sending WhatsApp messages to 8454999999 to know the status of the Mankhurd incident yesterday (got stuck for 4 hours after that). No one picked up/replied. Is the number correct?

— Nikhil Karkare (@n_karkare) October 8, 2018

#TrafficUpdate #mumbai heavy vehicles stopped right before #vashitoll. Collapsed crane clearing still underway, near mankhurd octroi post. Huge traffic pile on pic.twitter.com/ZKS4jmDuj2

— Sagar Gholap (@gholapsagar) October 8, 2018

Also Read: 4 dead in Pune after hoarding falls on vehicles at Mangalwar Peth

Catch up on all the latest Mumbai news, crime news, current affairs, and also a complete guide on Mumbai from food to things to do and events across the city here. Also download the new mid-day Android and iOS apps to get latest updates