Intro to React

intro to react

React is an open source JavaScript library for building user interfaces. MVC stands for Model-View-Controller, React is the View in this. Before intro to React, you need to have Javascript knowledge. Here an overview of this JavaScript to check your knowledge level.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript

If everything is fine, let’s start.

Some advantages of using React:

Components: Applications can be divided into smaller components. It means that the components can be reused more easily in your app. You will understand better with the example below.

intro to react
Image 1.1 Basic Component Example

Props: This simply is shorthand for properties. Props are how components talk to each other.React’s data flow between components is uni-directional (from parent to child only).

State: State data can be modified by its own component, but is private (cannot be accessed from outside).So state is used so that a component can keep track of information in between any renders that it does. When you setState it updates the state object and then re-renders the component.

Virtual Dom: React compares the virtual DOM with a virtual DOM snapshot that was taken right before the update.Once React knows which virtual DOM objects have changed, then  updates those objects on the real DOM. This makes a big difference! React can update only the necessary parts of the DOM. React’s performance comes largely from this innovation.

This is just a brief into into React. For more information on getting started, and deeper look into React, visit the React web page at: https://facebook.github.io/react/

End of the Intro to react blog.

E-bültene Abone Ol Merak etmeyin. Spam yapmayacağız.

Yazar

Kocaeli Üniversitesinde Bilişim sistemleri mühendisliği öğrencisiyim. React alanında kendimi geliştirmekteyim.

İlgili Yazılar

1 Yorum

Popüler Yorumlar

E.Deniz  -  3 April 2020 / 00:50

Very good articles, I was very interested in the subject, and you expressed your explanations well through beautiful examples!

Yoruma git

Tüm Yorumlar

E.Deniz  -  3 Nisan 2020 / 00:50

Very good articles, I was very interested in the subject, and you expressed your explanations well through beautiful examples!

Cevapla

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Hızlı yorum için giriş yapın.

Başka Yazı Yok

Kayıt Ol

Zaten üye misiniz? Giriş Yap

Giriş Yap

Henüz üyeliğiniz yok mu? Kayıt Ol