XOX Oyunu

Uygulamalı olarak adım adım XOX oyununu geliştireceğiz, projenin bitmiş hali şudur: XOX Oyunu

CSS kodları hazır olarak verilmiş durumda, biz sadece JavaScript geliştirmesi yapacağız.

XOX oyunu için görseldeki gibi 3x3’lük bir oyun alanına ihtiyacımız vardır.

Burada her bir kareyi oluşturan componentimizin adı Square olacak.

9 kareyi birleştirerek oyun alanını render eden componentimizin adı ise Board olacak.

Game componenti ise tüm içeriği kapsayan bir tablo render edecek.

Yani başlıca üç componente sahibiz:

Başlangıç için XOX Başlangıç Kodunu kullanacağız.

Kod uzun ve karmaşık gelebilir, fakat incelediğinizde basit şeyler ile oluşturulduğunu ve aslında karmaşık olmadığını anlayacaksınız. Yeterli düzeyde olduğunuzu düşünmüyorsanız react dokümanının en başına dönerek bilgilerinizi tazeleyebilirsiniz.

Sıradaki Eğitim: Verileri Props Üzerinden Geçirmek