Skip to main content

What? React?

Facebook's React has changed the way we think about Web application and user interface development. For that design, you can use it beyond the web. What makes this possible is a feature called Virtual DOM.
This chapter explains some of the basic ideas behind the library. Therefore, please understand React a little more well before proceeding.

Introduction to React

React is a JavaScript library that aims to simplify the development of visual interfaces.
Developed on Facebook and released to the world in 2013, it drives some of the world's most widely used codes, running Facebook and Instagram among many other software companies.
Its main purpose is to facilitate inferring about the interface and its state at any time by breaking up the UI into a collection of components.
React is used to build single page web applications, along with many other libraries and frameworks that were available before React.

Why is React so popular?

React swept the front-end web development world. why?

Less complex than other alternatives

At the time React was announced, Ember.js and Angular 1.x were the main choices for the framework. Both of these impose too many rules on the code that porting an existing app is simply not useful at all. React has chosen to make integration into existing projects very easy. That's because we had to do it on Facebook to introduce it into the existing code base. Also, while these two frameworks brought too much to the table, React chose to implement the View layer instead of the full MVC stack.

Perfect timing

At that time, Angular 2.x was announced by Google, with backward compatibility and the major changes it brings. The transition from Angular 1 to 2 was like a transition to another framework. So, along with the speed improvements React had promised, developers wanted to try it.

Backed by Facebook

As you can see from the many open source projects that failed on both Facebook and Google, for example, what is supported by Facebook is that a project's success will obviously benefit the project.

Is React really that simple?

Although I said React is simpler than other frameworks, diving into React is still complicated, but mainly because of reasoning techniques that can be integrated with React like Redux, Relay or GraphQL.
React in itself has a very small API.
There isn’t too much into React than these concepts:
  • Components
  • JSX
  • State
  • Props
We’ll see each one of them in the next articles.

Comments

Post a Comment

Popular posts from this blog

MongoDB - NoSQL database program

MongoDB is a document database designed to facilitate development and scaling. This manual introduces the key concepts of MongoDB, presents a query language, provides operational and administrative considerations and procedures, and provides a comprehensive reference section. MongoDB offers both a  Community  and an  Enterprise  version of the database: MongoDB Community is a source and free edition of MongoDB available. MongoDB Enterprise is available as part of the MongoDB Enterprise Advanced subscription and includes comprehensive support for MongoDB deployment. MongoDB Enterprise also adds enterprise features such as LDAP and Kerberos support, on-disk encryption, and auditing. Document Database MongoDB records are documents. This is a data structure that consists of field-value pairs. MongoDB documents are similar to JSON objects. Field values can include other documents, arrays, and arrays of documents. The advantages of using documents are: D...
Post a Comment
Read more

NodeJs - The server side JavaScript engine

In this article, I'm going to give an introduction to NodeJs. Node.js is a server-side platform built on V8 Engine. It was developed by Ryan Dahl in 2009. Node.js is an open source, a cross-platform runtime environment for developing server-side and networking applications. Node.js applications are written in JavaScript and can be run within the Node.js runtime on OS X, Microsoft Windows, and Linux. Features of Node.js Following are some of the important features that make Node.js the first priority of software architects. Asynchronous and Event Driven  − All APIs in the Node.js library are asynchronous, ie non-blocking. This essentially means that Node.js based servers never wait for the API to return data. The server moves to the next API after calling it, and the Events of Node.js notification mechanism helps the server get a response from the previous API call. Very Fast  − The Node.js library is built on Google Chrome's V8 JavaScript engine, so code execu...
Post a Comment
Read more