Kayıtlar

Şubat, 2019 tarihine ait yayınlar gösteriliyor

Razzle React 1 (FontAwesome/ ReactHelmet)

Razzle SSR için kullanılıyor. Javascript kütüphaneleri ile configuration yapmak genelde zordur. Bu yüzden projemize npm install -g create-razzle-app Komutu ile başlıyoruz, Bu komutu kendi pc mize razzle kuruyor ardından create-razzle-app my-app komutu ile tıpkı create-react-app gibi react configurations larının yanında razzle yani server side rendering configlerinide getiriyor. Bu komut aşağıda ki paketleride içerisinde getiriyor :     react     react-dom     react-router-dom     razzle     express komutunu çalıştırdıktan sonra cd my-app komutu ile proje dizinimizin içine girelim. ardından npm start ile projemizi başlatalım ve dizin yapısını inceleyelim. Hatta şuan aldığım kararla React Helmet kütüphanesini de ekleyim. Bu kütüphane meta tagları yönetmemi sağlayacak. npm install --save react-helmet Not: Daha önce bu kütüphaneleri kullanmadım kapsam araştırması yaparken öğrendim sadece yani bu ilk uy...

React JS Yazalım 1

Resim
Parent componentini Child1 ve Child2 componenti ile güncelleyelim. Reactda state güncelleme işlemi yapacağız. Parent componentim name ve password alanlarımdan oluşuyor. Name inputum child1 componentimde. Password inputum ise  child2 componentimde. Yavru komponentlerimin state tutmadan direk ata komponentimi güncellemelerini istiyorum bunun içinde iki tane yöntem ile yapabilirim 1. yöntem parent komponentimde child komponentimi çağırırken props olarak parent komponentimin methodunu child komponentime göndermem. 2. yöntem ise üst scope da method tanımlayıp bunu child komponentimde ulaşmak. import React , { Component } from " react " ; class Child1 extends Component { render () { this . state = { name : "" } return ( < div > < label > Name: </ label > < br /> < input type = " text " placeholder = " Name " onChange = { e => this . prop...