The History of React.JS, a powerful web/front-end programming tool

You already know React JS, learn more about this amazing javascript library that you can use in your projects

easier and faster programming. Over time, it has become one of the most popular frameworks used by companies like Uber and Airbnb and nearly half of the developers worldwide.

But after all, what is React?

React is an open source JavaScript library. There is a large community of developers and companies using it, which makes it simple to find resources and collaborate with other engineers.

Programmers can use React to develop single-page, server-rendered mobile apps with various frameworks such as Next.js. It is mainly used to develop interfaces for web and also mobile applications, specifically for the visualization layer. However, it also allows a developer to create highly versatile and reusable UI components.

With React, engineers can build robust web apps that can change data without having to reload the entire page.

Its advantages are taken advantage of by many multinational technology companies, such as Meta, Netflix, Uber, Yahoo, Atlassian, Dropbox, Asana, among others.

Timeline in React history
Follow this timeline with all the events that helped develop React as we know it today:

  • 2010 :: Facebook introduces XHP to its open source software PHP stack. The syntax introduced at the end of the year allows the creation of composite components.
  • 2011 :: Jordan Walke creates FaxJS, the initial prototype of React – submitted as a search element on Facebook.
  • 2012 :: As Facebook ads become more difficult to manage, the company looks for a solution. Jordan Walke works on a prototype and creates React. In April, Instagram is acquired by Facebook and seeks to adopt the new technology, creating pressure to make it open source. Most of this work is done by Pete Hunt.
  • 2013 :: Jordan Walke introduces React, and the software is open source.
  • 2014 :: React’s reputation grows over time and the ‘initial majority’ of its potential users start to adopt it. At this point, they want to move away from relying on technological advantages to focus on stability. This allows React to attract companies like Netflix. React Developer Tools becomes an extension of Chrome Developer Tools.
  • 2015 :: During a technical presentation at the React.js Conference, Facebook presents the first version of React Native. React Native for iOS is announced later that year and made available on GitHub. The first stable version of the new React Developer Tools is released in September, while React Native for Android is released. Netflix, Airbnb and WordPress embrace React.
  • 2014 :: React’s reputation grows over time and the ‘initial majority’ of its potential users start to adopt it. At this point, they want to move away from relying on technological advantages to focus on stability. This allows React to attract companies like Netflix. React Developer Tools becomes an extension of Chrome Developer Tools.
  • 2015 :: During a technical presentation at the React.js Conference, Facebook presents the first version of React Native. React Native for iOS is announced later that year and made available on GitHub. The first stable version of the new React Developer Tools is released in September, while React Native for Android is released. Netflix, Airbnb and WordPress embrace React.
  • 2016 :: React15 is released and becomes popular. During the year, React Storybook, React Error Code System, and Bluepring — a React UI toolkit for the web are also featured.
  • 2017 :: React Fiber is made open source at F8 2017. React, Jest, Flow and Immutable.js are relicensed under the MIT license. React 16 is released and introduces error thresholds, portals, fragments, and the Fiber architecture.
  • 2018 :: React adds Context API support. Dan Abramov shares some never-before-seen prototypes at JSConf Iceland. React 16.3.0 is released in March.
  • 2019 :: React adds Hooks support as a new addition in version 16.8. Hooks allow developers to use state and other React features without writing a class.
  • 2020 :: “No new features” allows gradual React upgrades from older versions. The Tact 17 is released.
  • 2022 :: React 18 is released. Simultaneous react, auto-batch, new suspend features, transitions, client and server rendering APIs, new strict mode behaviors, and new hooks are introduced in this release.

Used by 42.62%
of developers worldwide, React.js is the second most popular web framework, surpassing the popularity of jQuery.

React Glossary

React Native Development Services

React Native is an open source UI framework that can be used to develop applications for systems such as Windows, iOS, macOS, tvOS, Android,

AndroidTV, Web and UWP. It’s a JavaScript framework for writing real, natively rendered mobile apps based on React.

ReactJS Development Services

React.JS is an open source JavaScript library that allows developers to create user interfaces for single page applications. Targeting the front-end layer, its main use is to solve the view layer of web and mobile applications.

React Components

React components are independent sections of code that can be reused across different projects. They are similar to JavaScript functions, which means they work in isolation and output HTML. There are 2 types of React components: class and function components.

Hooks in React

In React, hooks are functions that allow engineers to access the React state and lifecycle resources of function components. Hooks also allow developers to use React classlessly. Some of them are already provided as built-in features. However, there is also the possibility to create custom hooks for specific projects.

Content source: BairesDev ( https://www.bairesdev.com/react/#react-history )

Free video courses

Video course
Angular 13 step

5

(1)

9 hours and 55 minutes

Video course
Advanced WordPress theme development

5

(4)

17 hours and 34 minutes

Video course
JavaScript for beginners

5

(2)

1 hours and 40 minutes

Video course
Umbraco CMS

4.86

(22)

6 hours and 21 minutes

Video course
Angular 2 for Beginners

4.78

(27)

1 hours and 2 minutes

Video course
Design and code a landing page

4.76

(34)

4 hours and 40 minutes

Video course
Ideal for beginners
HTML and CSS

4.74

(27)

9 hours and 7 minutes

Video course
recommended
Javascript

4.74

(100)

4 hours and 52 minutes

Video course
Ideal for beginners
Web Development for beginners

4.73

(773)

5 hours and 21 minutes

Video course
jQuery

4.71

(14)

9 hours and 4 minutes

Video course
JavaScript full course

4.67

(6)

8 hours and 0 minutes

Video course
recommended
React JS for Beginners

4.63

(40)

1 hours and 26 minutes

Video course
Wordpress for beginners

4.61

(76)

3 hours and 19 minutes

Video course
Ideal for beginners
HTML for absolute beginners

4.6

(5)

1 hours and 0 minutes

Video course
Ideal for beginners
30 Days to Learn HTML and CSS

4.6

(185)

4 hours and 52 minutes

Video course
HTML

4.54

(154)

1 hours and 34 minutes

Video course
Programming

4.43

(21)

6 hours and 7 minutes

Video course
Wordpress for Beginners to Advance

4.4

(5)

11 hours and 30 minutes

Video course
Ideal for beginners
HTML and CSS for complete beginners

4

(1)

2 hours and 51 minutes

Video course
PHP tutorial for beginners

4

(1)

6 hours and 22 minutes

Common Computer Issues and How to Fix Them

Computers are an essential part of our daily lives, and like any other complex machines, they can encounter various issues over time. Knowing how to troubleshoot and fix these problems can save you time and money. Here’s a guide on some common computer issues and how to resolve them.

The Best Backend Development Frameworks in 2024

In the ever-evolving world of web development, backend frameworks play a crucial role in building robust, efficient, and scalable web applications. As 2024 approaches, certain frameworks have emerged as leaders due to their performance, ease of use, and strong community support. This article reviews some of the top backend development frameworks and discusses the courses available to master these platforms.

Using Logic in Software Development: A Guide to Effective Programming

In the intricate world of software development, programming logic forms the bedrock upon which all applications and systems are built. This article delves into the significance of programming logic in planning and designing software solutions, highlighting how mastering it can elevate your development process and result in more robust, efficient software.

Deep Dive into Linux: Courses for Beginners to Experts

Linux is a powerful and versatile operating system that underpins much of today’s technology infrastructure, from servers and supercomputers to personal computers and mobile devices. Understanding Linux is essential for IT professionals, developers, and even tech enthusiasts who wish to harness its capabilities. This article explores the various courses available for learning Linux, from beginner to expert levels.

Understanding Network Protocols and Architecture

In the vast landscape of information technology, network protocols and architecture form the backbone that keeps systems connected and functioning. For IT professionals, a deep understanding of these concepts is crucial not only for designing and maintaining networks but also for troubleshooting complex network issues. This article dives into the essentials of network protocols and architecture, discussing the importance of related courses for aspiring and seasoned network engineers alike.

Programming for Game Developers: Mastering C# with Unity

Game development is a dynamic and exciting field that combines creativity with technical skills. One of the core skills for any game developer is programming. C# has become a popular language in this domain, particularly due to its use in the Unity game engine, one of the most widely used engines for both indie developers and large studios. This article explores the importance of mastering C# for Unity and highlights courses that can help you excel in game development.

Learning IT Tool Customization and Scripting: Empower Your IT Skills

In the realm of information technology, the ability to customize tools and automate repetitive tasks is not just convenient—it’s a game changer. Scripting languages like PowerShell, Bash, and Python offer IT professionals the power to streamline their workflows, enhance system configurations, and handle complex administrative tasks with efficiency. This article delves into the significance of learning scripting languages and highlights courses that can help you develop these essential skills.

Career Opportunities in Informatics: A Pathway to Diverse Professions

Informatics, the study of information processing and data management, is at the core of numerous modern technologies and industries. This field intersects with various sectors, offering multiple career paths that leverage the power of data and information systems. This article explores the career opportunities in informatics and outlines the educational courses necessary to enter these diverse professions.

+ 6.5 million
students

Free and Valid
Certificate with QR Code

48 thousand free
exercises

4.8/5 rating in
app stores

Free courses in
video, audio and text