MEETUP # 02

ReactKHI                                ReactKHI

Who am I?

ReactKHI is an open source community developed for beginners and professional having interest in React. It is an open platform for react enthusiasts to gather for learning and sharing their knowledge and experiences with others.
 

We organize free ReactKHI events once in a month (sometimes bimonthly) to help people solving their problem in React with the help of talks and workshops delivered by React professionals from different tech organizations of Karachi.

We strongly believe in open source contributions and encourage everyone to contribute with us in building React community in Karachi.

 

This year’s React Conf took place on October 25 and 26 in Henderson, Nevada, where more than 600 attendees gathered to discuss the latest in UI engineering.

 

• Sophie Alpert and Dan Abramov kicked off Day 1 with their keynote, React Today and Tomorrow.

 

• In the talk, they introduced Hooks, which are a new proposal that adds the ability to access features such as state without writing a JavaScript class.

 

• Hooks promise to dramatically simplify the code required for React components and are currently available in a React alpha release.

 

• Hooks let you use features like state and lifecycle from function components.

 

• They also let you reuse stateful logic between components without introducing extra nesting in your tree.

 

• On the morning of Day 2, Andrew Clark and Brian Vaughn presented Concurrent Rendering in React.

 

• Andrew covered the recently announced React.lazy API for code splitting. 

 

• He previewed two upcoming features: concurrent mode and Suspense.

 

• Concurrent Mode lets React apps be more responsive by rendering component trees without blocking the main thread.

 

• ​

 

 

 

• You may have seen Dan’s talk about React Suspense at JSConf Iceland.
• Now you can use the Suspense component to do code-splitting by wrapping a dynamic import in a call to React.lazy().

 

The Suspense component will also allow library authors to start building data fetching with Suspense support in the future.

 

Note: This feature is not yet available for server-side rendering. Suspense support will be added in a later release.

For over a year, the React team has been working to implement asynchronous rendering. In March 2018, during his talk at JSConf Iceland, Dan unveiled some of the exciting new possibilities async rendering unlocks.

• Brian demonstrated how to use React’s new profiler tooling to make apps built in React run faster.

 

• React 16.5 adds support for a new DevTools profiler plugin.

 

• This plugin uses React’s experimental Profiler API to collect timing information about each component that’s rendered in order to identify performance bottlenecks in React applications.