Introduction to React Versions
React js is a javascript library used for frontend development. It was first introduced publicly in the year 2013. It was designed and developed by a Facebook software engineer name Jordan Walker. In 2015 react come with react native concept which allows the developer to develop an app for android and IOS. Their recent releases were in October 2019, it was for bug fixing for mouseenter double call in react nested containers.
Versions of React
Till date react has released its various versions, let us discuss each version of react js one by one.
1. Version 0.3.0
Version 0.3.0 was the time when the first time it was introduced to the public or made as open source. It was introduced on 29 May 2013.
2. Version 0.4.0
This version came with some new features and bug fixing. It’s main feature is to start allowing us to make comment for example <span>{/* */}</span>. They did little improvement in server-side rendering to API. It introduced the keyword called prop (it allows parent component to send data to child component ). This version was introduced on 20 July 2013.
3. Version 0.5.0
This version mostly focused on memory management and a few new support. In this version, we got support for some important events like selection and compositions. It also introduced getInitialState (set any state at components loading) and getDefaultProps. They improve their compatibility with Windows by introducing React.isvalidClass.This version released on 20 October 2013.
4. Version 0.8.0
Released on 20 December 2013, in this version, they introduced few multimedia improvements like support for audio and video loops. Improve the jstransform and esprima-fb tools .few new attributes like:
- autoCorrect
- onContextMenu events
5. Version 0.9.0
Release on 20 February 2014, they added few important support they are:
- crossOrigin: Allow to communicate with other domains.
- download and hrefLang
- MediaGroup: For media like and video
- Muted: Mutating of video
- Seamless: Related to integration allow for seamless integration
- srcDoc: Mostly use for iframes
- scope attributes
- arrayOf: Used for an array
- Component: This was a major change as they introduced the concept of components in react js.
- oneOfType: For checking types
- Renderable: checking if renderable or not
- PropTypes: Used for validation
- onMouseOver: For mouse events.
- onMouseOut: This is also for mouse events
- onLoad: Do something on component load
- onError: Provide a way to do something on error.
6. Version 0.10.0
Released on 21 March 2014, it added a few new functions like
- srcSet: This attribute used for images, it allows the browser to decide which image need to show to end-user
- textAnchor: Also provided an update function for any immutable data.
7. Verizon 0.11.0
Released on 17 July 2014, it comes with the improved performance of SVG and its Normalized view events. It also added a new function called transform with details.
8. Version 0.12.0
It was released on 21 November 2014, it also comes with a few new features and bug fixes of previous functions. It introduced spread operators like ({…})
9. Version 0.13.0
Released on 10 March 2015, it did several changes they are:
- They removed the property called _pendingState and this._rootNodeID
- One good change was they started supporting the es6 classes.
Deprecated some attributes like React.addons.classSet.
10. Version 0.14.1
This version released on 29 October 2015, it comes with several changes they are given below:
- Introduced sercLang
- For color, it added color attribute
- Ability to access props on Dom
- Little fixing in scryRenderedDOMComponentsWithClass
11. Version 15.3.1
They release this version on 19 August 2016, in this version they fixed the performance issue with development build. They also fixed a few more issues like a memory leak, server rendering, etc.
1 Online Courses | 5 Hands-on Projects| 18+ Hours| Verifiable Certificate of Completion
4.5
View Course
12. Version 15.6.0
This version was come with a nice feature to support for CSS variables. it allows us to define a variable and write all CSS in that variable and use that variable where we want. Also removed and deprecated a few things like React.createClass and React.DOM.This version was released on 13 June 2017.
13. Version 16.0.0
This version was released on 26 September 2017, It comes with below changes:
- Better error handling as it introduced the concept of “error boundaries”
- Little changes in setState behavior
- It also stops a react-with-addons.js build
- Addition of React.create class
- Changing in react js lifecycle and it’s a scheduling mechanism
14. Version 16.1.0
Released on 9 November 2017, it added and remove few things they are given below:
- Stopping to support of Browser releases
- A global variable name UML builds it came with a mistake so they removed it.
- They also optimized the code in this version
- Little fixing was done with textarea
- Added react devtools
15. Version 16.3.0
It released on 29 March 2018, it added a few new features like:
- Allowed to context API
- packagePrevent: Preventing from the infinite loop in case of rendering Portals(along with SSR)
16. Version 16.3.1
This version released on 03 April 2018, it fixed to performance and error handling for development.
17. Version 16.3.2
This version Released on 16 April 2019, there was some issue of a crash in internet explorer which is resolved in this version and also introduced the UMD build.
18. Version 16.4.0
Release on 24 May 2018, they added and fixed few items with this version they are given below:
- Provided a pointer Event
- Given a useful ability to define a prototype
- Few bugs with function getDerivedStateFromProps()
- Fix few crashes was happening like testInstance.parent
- To measure the performance they introduced the function called React.unstable_Profiler
19. Version 16.5.0
Today we are using the React DevTool profile, it was introduced in this version. Able to handle errors gracefully (Without impacting the application). In this version, they also introduced a few new features like onAuxClick which is used browser events.
Several mouse related functions like movementX and movementY also introduced in this release. This release happens on 05 September 2018.
20. Version 16.6.0
Introduced on 23 October 2018 with few new functions and supports they are:
- contextType: Able to share value without sending props to child components.
- priority levels: Allow us to set the priority for the components update,
- fallback mechanism improvement in this version
- lazy(): Call when it renders. This feature is not available for server-side rendering.
21. Version 16.7.0
In this release, they fixed some of the previously released functions, like React.lazy for loading on rendering. They also fixed some bugs for SSR. In this version, they fix some regression performances. This release happened on 20 December 2018.
22. Version 16.8.0
In this version, they improve some of the existing features like React.lazy(they made it synchronous thenable). They also improved useRedue.In this version a few new things like ReacttestRenderer.act and ReacttestUtils.act() introduced ,these functions are good for batching updates .This version introduced on 06 February 2019.
23. Version 16.8.6
They fixed some bugs for the functions like useReduce()(bailout problem solved). Fix butg on safari and Devtool for iframes.
24. Version 16.10.0
Released in September 2019, it comes with some bug fix. In react this version found that the hook released previously was not showing good performance, so they improved its performance There was some updation in heuristic. They improve memory performance by clearing extra fiber attributes at the time of unmounting.
25. Version 16.11.0
22 October 2019 Fix mouseenter handlers from firing twice inside nested React containers. Remove unstable_createRoot and unstable_createSyncRoot experimental APIs. (These are available in the Experimental channel as createRoot and createSyncRoot.)
Recommended Articles
This is a guide to React Versions. Here we discuss how and what are the newly introduced features in React from start to the current version. You may also look at the following articles to learn more –
