Kayıtlar

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...

Get .map is not function İssue And Solving About (Redux)

if response is like that { data :  { id :  1 , name :  "Adana" , Ads :  [ { id :  1 , user_id :  12 , title :  "deneme" , desc :  "deneme" , condition :  5 , view :  0 , swapCount :  0 , state_id :  1 , city_id :  1 , category_id :  50 , created_at :  null , updated_at :  null }, { id :  2 , user_id :  5 , title :  "dede" , desc :  "edede" , condition :  5 , view :  0 , swapCount :  0 , state_id :  1 , city_id :  2 , category_id :  51 , created_at :  null , updated_at :  null },  You must define reducer's initial state is state={} or { data :  [ { id :  50 , name :  "Cep telefonu" , pic_url :  "fa fa-mobile" }, { id :  51 , name :  "Elektronik" , pic_url :  "fa fa-...

Laravel Ecommerce Api yazımı

Resim
Bu serimizde laravel api kullarak back-end yazalım. https://github.com/abdullahsuhaisk/BasicEcommerceApiWithLaravel Setting Up Enviroment Eğer php server bilgisayarınızda yok ise xamp benzeri bir server kurulumu yapınız. Composer  kuru lumunu yapınız. Ardından composer ile global laravel kurulumunu yapınız. Proje dizinine gelip laravel new Eapi  komutu ile laravel projemizi oluşturalım https://github.com/abdullahsuhaisk/BasicEcommerceApiWithLaravel Projenin git Linki CREATE API RESOURCE CONTROLLER php artisan help make:model Komutu ile yardım alabiliriz. php artisan make:model Model/Product -a Komutu ile Model klasörüme Product model dosyamı oluşturacağım. Aynı zamanda migrations ve resource controllerimi oluşturacak. Yani bana ne lazımsa tek bir komut ile oluşturuyorum.  Projemde product, reviews modelleri olacak geniş ölçekliden ziyade best practise leri uyguylayacağımız mini bir proje olacak. php artisan make:model Model/Review-a  K...