Class component'leri function hook'lara çevirme

[requizm]

Login ve register sayfalarını class component kullanarak oluşturmuştum. Ama biraz araştırınca öğrendim ki, pek tavsiye edilmiyormuş, yavaş yavaş function hook'lara doğru kayıyormuşuz. Peki neden bunu araştırdım? Çünkü class component içinde:

• useNavigate() kullanmayı deneyince hook kullanma gerekiyor diye hata veriyordu. Bunu geçici olarak başka bir yolla çözmüştüm.
• Path parameter'a erişmeyi denedim. React v5'de this.props.match diye erişebiliyormuşuz ama 6'da kaldırmışlar. Erişmenin tek yolu olarakta useParams() fonksiyonunu gördüm ve bu fonksiyon yine hook istiyordu. Bardağı taşıran son damlaydı.

Bunun dışında, useState() kullanımı hoşuma gitti. Class component'lere oranla daha anlaşılır bir yapısı olduğu kesin. Bundan sonra class component kullanmak yok, fonksiyonlarla devam.

Bu iş için yapılması gereken:

• Login ve register class component'lerini fonksiyona geçir.