ReactBlogResimler







Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Laravel & React 5

Resim
Bu bölümde applicationumuza react-reouter kütüphanesini ekleyip basit route işlemlerini ön tarafata yapacağız. npm install react-router-dom projeme dahil ediyorum. Bir başka terminal banch i açarak npm run watch komutunu çalıştıracağım. Bu komut bizim için ön tarafdaki değişiklikleri izleyecek ve bundle aktaracak.Bundle yığın anlamına geliyor için gerek js doslarım vs bulunuyor. WepPack bunları ihtiyaç haline göre derliyor. resource/js/app.js componentimi modifiye edeceğim. require ( './bootstrap' ); import React from 'react' ; import { render } from 'react-dom' ; import { Router , Route , browserHistory } from 'react-router' ; import Example from './components/Example' ; render ( < Example /> , document . getElementById ( 'example' )); Bu şekilde modifiye ettik. example id sine sahip html elementini Example componenti ile Dom edeceğim diyorum. Şimdi example componentimizi biraz daha düzenleyelim. ...
Devamı

React&Redux Firebase Authetication işlemleri React

Resim
Firebase oturumu oluşturun. Ardından Authentication seçeneğini seçin Oturum açma yöntemi olarak eposta ve şifre işlemlerini aktifleştirin. İşlemleri  https://github.com/abdullahsuhaisk/ReactReduxFirebaseBlogApp Reposundan da görebilirsiniz. Sırada İndex.js den. FireStore ve FirebaseRedux kütüphanelerini aktifleştirip firebase 'e auth u set etmemiz gerekiyor. İndex.js deki işlemlerim. Sırada Reducerimi oluştrurmak var.. RootReducerım firebase 'e artık bağlandı. Firebase den gelen durumlara state den ulaşabileceğim.Firebase' den neler geliyormuş. Log olarak bir bakalım... Benim Main componentim bu projede dashboard oradan bakacağım. State leri props a gönderip props'u ekranda gösterdik. Consolumuzda gelenler ; Görüldüğü üzere firebase 'in içinde auth olarak geldi. isLoaded:false ve isEmpty:true herhangibi bir oturum açmadığını bize söylüyor. Şimdi firebase consoluma gidip bir tane test user 'i oluşturacağım. Ardından sitem...
Devamı

Heroku deploy

Resim
   Heroku da github, bitbucked gibi kodlarınızı depolayabileceğiniz external git servisi, herokunun bir diğer güzelliği ise kodlarını derleyebilirsiniz.   Kodlarınızı derleyebilmeniz için bir kaç işlem yapmanız gerekli, benim derleme yapacağım kodlarım. NodeJs kullanarak yazılmış arka taraf ile ReactJs kullanılarak yazılmış öntaraftan oluşan fakat her iki sisteminde aynı yerde kullanılmasından dolayı tek taraflı bir derleme işlemi diyebiliriz.   Kısaca sistemi anlatmak gerekir ise NodeJs ve React kullanarak Blog sitesi kuruyorum. Amacım daha önce öğrendiklerii pekiştirmek öğrendiklerime yenilerini katmak ve güzel bir boilerplate hazırlamak. Sistemimin dizin yapısı Blog/Server/Client Server main klasörüm içinde NodeJs yani back-end tarafım var. Serverın içinde ise Client var. Yani token tutmama gerek kalmıyor. İlk olarak Server ın içinde ki packpage.json na aşağıdaki kodları ekliyorum "engines" : { "node" : "8.1.1" , "npm" ...
Devamı