Latest web development tutorials

React Tutorial

React służy do budowania interfejsu użytkownika biblioteki javascript.

Reagują głównie na UI budynku, wiele osób sądzi, reagować w MVC V (Widok).

React pochodzi z wewnętrznego projektu Facebooka, aby skonfigurować witrynę Instagram i otwarty w maju 2013 roku.

Reagują z większą wydajnością, logiki kod jest bardzo prosty, coraz więcej osób zaczęło zwracać uwagę i używać go.


React funkcje

  • 1. stwierdzenie, projektowanie -React Deklaracja przyjęta paradygmatu, można łatwo opisać aplikację.

  • 2. Skuteczna -React przez analog DOM celu zminimalizowania oddziaływania wzajemnego z DOM.

  • 3. Elastyczna -React może być dobrym rozwiązaniem ze znanej biblioteki lub ramy.

  • 4.JSX - JSX stanowi rozszerzenie składni JavaScript.React rozwój konieczności używania JSX, ale zalecamy używania.

  • 5. Elementy - przez React budowy elementów, co kod łatwiejsze do ponownego wykorzystania, mogą być również wykorzystane do przygotowania dużych projektów.

  • 6. jednokierunkowy przepływ danych w odpowiedzi na - Reaguj na uzyskanie strumienia danych Odpowiedź jednokierunkowy, zmniejszając tym samym powielania kodu, który dlatego jest prostsze niż tradycyjne wiązania danych.


Przed przeczytaniem tego samouczka, trzeba wiedzieć:

Przed rozpoczęciem zareagować, potrzebne są następujące podstawy:

  • HTML5
  • CSS
  • JavaScript

Pierwsza instancja React

W każdej sekcji można edytować instancję internetowego, a następnie kliknij przycisk, aby wyświetlić wyniki.

Ten poradnik wykorzystuje React wersja jest 0.14.7, można na oficjalnej stronie http://facebook.github.io/react/~~HEAD=pobj pobrać najnowszą wersję.

React przykłady

<Div id = "Przykład"> </ div>
<Script type = "text / babel">
ReactDOM.render (
<H1> Witaj, świecie! </ H1>,
document.getElementById ( 'Przykład')
);
</ Script>

Spróbuj »