React + Bootstrap + Font Awesome ile Basit Kullanıcı Arayüzü Tasarımı

Herkese Merhaba, önceki yazımda Props,Default Props, PropTypes konu başlıklarına değinmiştim. Ve bunlara bağlı olarak kullanıcı ad,soyad, yaş ve isimlerini gösteren basit bir kullanıcı bilgileri arayüzü gerçekleştirmiştim. Ancak bu alanda herhangi bir CSS, Bootstrap kullanmamıştım . Bugünkü yazımda basic seviyede bir kullanıcı arayüzü nasıl oluşturabiliriz,ona değineceğim. Aslında…

Props, PropsTypes ve Default Props

Propslar bir komponentten başka bir komponente aktarım yapılmasını sağlayan , React’in sağladığı bir özelliktir. Propslar sayesinde bir komponentten başka bir komponente veri aktarımı kolaylıkla yapılabilmektedir. Yardımcı komponentin özellikleri , komponent başlatıldığı zaman ana komponent üzerine geçirilebilmektedir. Propsların kullanımı oldukça kolaydır. Örneklendirecek olursak ; Navbar.js , User.js ve App.js olmak…

React Dosyalarını Tanıyalım, JSX Püf Noktaları

Merhabalar 🙂 Bu yazımda bir React projesinde geliştirme yaparken sıklıkla kullanacağımız dosyaların aslında tam anlamı ile ne işe yaradığı ile ilgili derlemiş olduğum bilgileri sizle paylaşacağım. Ek olarak JSX Püf noktalarına değineceğim. Haydi Başlayalım ! Package.json npm dosyalarını yönetmek için kullanılan bir Manifesto dosyası gibi davranmaktadır. Bu…

NodeJS, NPM ve React Kurulumu İlk Proje

Herkese Merhabalar, önceki yazımda React’a giriş yapmıştık ve ön bilgi sahibi olmuştuk. (https://medium.com/@ruveydakardelcetin/react-js-giri%C5%9F-component-ve-virtual-dom-mimarisi-145acae17ec3) Bugünkü yazımda ise NodeJS, NPM kurulumu ve İlk React Projesini oluşturma aşamalarını içeren bir yazı ile karşınızdayım 🙂 Maddelerle Kurulum React bir tane package sayesinde kurulmaktadır. Bu package’nin adı Create React App Package’sidir….

React JS Giriş, Component ve Virtual DOM Mimarisi

Bugün sizlere temel olarak React ile ile ilgili derlemiş olduğum birkaç bilgiyi paylaşacağım. Umarım okuyan herkese faydalı olur 🙂 Haydi Başlayalım ! Maddelerle React React, kullanıcı arayüzleri oluşturmak için Facebook tarafından geliştirilen bir Javascript kütüphanesidir. Bu kütüphane oldukça esnek bir kütüphanedir. React, View katmanı ile ilgilenmektedir. React,…