function component sonradan geldi, dökümantasyonda bir farkı olmadığı yazıyordu, buna geçmek zorunda olmadığımızda yazıyordu , bir zorlama yok yani ama bence function component kullanımı çok daha kolay, ben şahsen function tercih edenlerdenim. Ve muhtemelen bu tarafa doğru evrilebilir sonuçta boşuna getirmiyorlar bu yenilikleri, deneme yanılmayla en doğru olanı bize sunacaklardır zamanla.

html2canvas kullanabilirsin bunun için.
https://html2canvas.hertzen.com/

elbette bazı kısıtlamalar var, çok modern css özellikleri çalışmayabilir, desteklenmeyen özelliklere buradan bakabilirsin
https://html2canvas.hertzen.com/features ( en aşağıda yer alıyor )

bununla ilgili 2 örnek yaptık youtube kanalımızda var onlarada bakabilirsin
https://www.youtube.com/watch?v=9Ji0OhwaEjs
https://www.youtube.com/watch?v=0_YRhgKvMDY (react örneği)

sayfaya dediğin genel olarak body'e bir div ortalamak istersen yapay ve dikay olarak.

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
}
body {
    display: flex;
    align-items: center;
    justify-content: center;
}

demen yeterli olacaktır. Eğer bir div içinde başka bir divi ortalamak istiyorsan bilmen gereken kapsayıcı divinin genişlik ve yüksekliği olması gerek buna göre ortalaması gerek. Örneğin;

<div class="kapsayici-div">
    <div class="ortalanaca-div">
        ortalanan içerik
    </div>
</div>

<style>
    .kapsayici-div {
        width: 100%;
        height: 600px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ortalanan-div {
        background: #000;
        color: #fff;
        padding: 30px;
    }
</style>

sürümünü güncellemekten bahsediyorsan ya tüm paketlerini kolayca şöyle güncelleyebilirsin

npm update

# ya da 
yarn upgrade

ama bu büyük projelerde bütün paketleri güncellemek sorun yaratabilir. Sadece react için şöyle bir update işlemi yapabilirsin

# her zaman son versiyonu yüklemek için
npm install --save react@latest

# spesifik versiyonu yüklemek içni
npm install --save [email protected]

# ya da 
yarn upgrade react@^17.0.2

yanlış düşünce, o zaman sen yorum değil inceleme gibi bir şey arıyorsun uzun uzun detaylı yazı yazmalarını bekliyorsun, karakter sınırlaması koy en az 300 karakterli bir yorum yazsınlar, aynı yorum yazma olasılığını öldürmüş olursun

Bunu çokça kez anlattık, bir kez de senin için anlatalım :) İlk olarak postView.php dosyasında sen id'ye göre kontrol işlemi yapıyorsun değil mi?

Yapacağın ilk iş yapını şöyle değiştirmek;
https://techredio.com/postView.php?url=bu-test-url

Şimdi artık postView.php de $_GET['id'] yerine $_GET['url'] olarak alıp buna göre veritabanında eşleşen içeriği alacaksın o kadar, burada yapacağın değişiklik sayesinde artık .htaccess dosyasına şunu yazarak istediğin urli elde edebilirsin.

RewriteEngine On
RewriteRule ^posts/([0-9a-zA-Z-_]+)(/?)$ postView.php?url=$1 [QSA]

Not: .htaccess dosyan ana dizinde olacak unutma. Ayrıca id yerine url yapmamızın sebebi ise, eğer link yapını posts/url şeklinde istiyorsan mecburen id'yi aradan çıkartıp url göndermen gerekiyor mantık olarak.