Projen belirttiğin port ile çalışacağı için bir web server kurman gerek. Bu web serverlarında belirttiğin portu açarak projenin run etmesini sağlamalısın.
Daha sonra node.js ve ardından Pm2 paketini kurmalısın. Bu paket arka planda npm komutlarını yürütür. Package.json olduğu dizine gidip gerekli paketleri kur. Pm2 ile projeyi ayağa kaldır. Eğer start yaparken hata verirse npm run build yap. Daha sonra çalışmış olacaktır.
Eval kullanmaman bütün sitelerde yazar hatta "eval is evil" diye anılır, bunun sebebi çok uzun zaman önce JavaScript, çoğu şeyin yalnızca eval ile yapılabildiği, oldukça zayıf bir dildi. İnsanların halen bunu tercih etmesinin sebebi yenilikleri takip etmeyip eskiye takılı kalmalarıdır.
Web kısmında kullanıcılar "her şeyi" manipüle edebilir. Yani sen kullanıcıya bizzat yazdığın fonksiyonu teslim etmiş üstüne düzenlenebilir halde veriyorsun.
Eğer eval ile projen ilerliyorsa o kurduğun yapıyı tamamen bozman gerekir. Çok rahat bir kullanımı var ama insan o rahatlık konforundan çıkmazsa hiçbir şeyi kendisine katamaz
-useEffect'in 2. parametresi bağımlılıklardır. Yani neye göre çalışacağını belirtirsin. [] boş göndermek demek component'ın sayfa içerisinde gösterildiği an 1 kere çalışacaktır.
Eğer bir state verirsen o state'ın değeri değiştiğinde tekrar çalışacaktır. (Bağımlılıkları iyi belirtmen gerekir yoksa performans sıkıntıların çıkar)
-useEffect'ın kullanım amacı bir dom elementi oluşturmak değildir. Life-cycle aşamalarını yönetmektir. Araştırsan daha iyi olur
-Bu aşamaları direkt Tayfun abinin dediği gibi Component olarak yazman gerekir.
-React içerisinde document'ı çok kullanmamaya çalış zaten amacımız domu sürekli yeniden build etmesini engellemek.
-Bir component'ın dom'daki referansına useRef ile erişebilirsin. document.querySelector vs gerek yok
islem.php ' den dönen cevap json formatında değil gibi duruyor. Cevabın tam olarak ne döndürdüğünü bilmeden ilerlemek zor.
Parse yapmadan önce dönen cevabı stringe çevirip parse yapmayı dene
const veri= JSON.parse(JSON.stringify(data));
Javascript bilmeden ilerlemek çok zor olur ki zaten javascript yazıyorsun sonuçta.
Bilmen gereken en önemli şeyler Dizi, obje ve metotları, promise , callback , fonksiyonlar , operatörler
Bu konular içinde çok alt başlıklar var ve çoğu yeni alt içeriklere sahip oluyor.
Port numarasına ihtiyacın yok zaten wss bağlantısı sağlıyorsun. Büyük ihtimalle cors atacaktır orası çünkü herkese bu verileri paylaşmak istemeyebilirler
right-content classına
word-break: break-all; css'i tanımlarsan işini çözecektir
Bu sorunu index.html olan ana dizine .htaccess eklemen gerek
.htaccess içeriği ise
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /subdirectory
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
</IfModule>
const settings = {
slidesToScroll: 1,
slidesToShow: 4,
arrows: true,
dots: false,
infinite: true,
speed: 500,
slidesPerRow: 1,
rows: 1,
responsive: [{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 2,
}
}]
};
Bu sorunu eğer erişmeye çalıştığın api sana ait değilse çözemezsin. Karşı tarafın belirlediği kurallara uymak zorundasın