@resat, nasıl bir sorunla karşılaştın? Mesela options değişkenini console.log(options) diyerek yazdığıp içinin nasıl dolduğuna bakabiliriz.

JS dosyasında PHP komutu çalıştıramazsınız.
Ama PHP ile oluşturduğunuz içeriği php uzantılı dosyanızda bir js değişkenine atadıktan sonra js uzantılı dosyanızdan çağırabilirsiniz.
Örnek:
index.php

<script>
    let options = "<option></option>";
    <?php foreach ($urunsor as $cek): ?>
        options += '<option value="<?=$cek['urun_id']?>"><?=$cek['urun_ad']?> - <?=$cek['urun_renk']?></option>';
    <?php endforeach ?>
</script>
<script src="js-dosyaniz.js"></script>

js-dosyaniz.js

$(function(){
    $('#ekle').click(function(){
        $('#veriler').append($('\
            <div id="icerik" class="row">\
                <div class="col-md-4">\
                    <select name="stok_urun" id="stok_urun" class="form-select" data-search="on" required>'+options+'</select>\
                </div>\
                <div class="col-md-3">\
                    <input type="text" class="form-control mb-1" name="telefon[]" placeholder="Telefon Numaranız">\
                </div>\
                <div class="col-md-3">\
                    <input type="text" class="form-control mb-1" name="miktar[]" placeholder="Telefon Numaranız">\
                </div>\
                <div class="col-md-2"><button id="cikar" class="btn btn-light w-100">Çıkar</button></div>\
            </div>\
        '));
    });

    $('body').on('click', '#cikar', function(e){
        $(this).parents('#icerik').remove();  
        e.preventDefault();
    });
});

Evet, component unmount olduğunda çalışır. Aşağıda kaynağını verdiğim sitede olay şu şekilde açıklanmış:

React useEffect cleanup: Nasıl ve ne zaman kullanılır?

useEffect(()=>{
   // effect
   return () => {
       // cleanup
   }
},[input]);

Hiç şu hatayla karşılaştınız mı?
Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.

Mesaj, bir component unmount olup kullanılmaz hale geldikten sonra component'te bişeyler değiştirmeye çalıştığımızı söylüyor.
Bunun birçok nedeni olabilir. Ama en yaygın olarak ya bir websocket bağlantısını sonlandırmadan veya asenkron bir fonksiyon henüz sonuç dönmeden önce component'iniz unmount olmuştur.
Peki bunu nasıl çözeriz?

useEffect hook'undaki cleanup fonksiyonu

useEffect fonksiyonunda bir fonksiyon return edersek bileşenden ayrıldığımızda bu fonksiyon çalışır. Bu çok kullanışlıdır çünkü gereksiz işlemlerin yapılması veya bellek sızıntılarını önlenmesi için kullanılabilir.
websocket bağlantısının aboneliğinin iptal edildiği bir örnek:

useEffect(() => {
    API.subscribe()
    return function cleanup() {
        API.unsubscribe()
    }
});

Unmount olmuş bir bileşenin state'ini set etmeyin

Yaygın bir kullanım senaryosunda; asenkron bir fonksiyondan sonuç döndüğünde state güncellenir. Peki asenkron fonkisyon sonuç dönmeden önce component unmount olursa? Biz bu durumu kontrol etmezsek react, component unmount olsa bile state'i güncellemeye çalışır.
Aşağıdaki örnekte bir fetch isteğinden yanıt döndüğünde loading state'ini güncelliyorum.

useEffect(() => {
    fetchAPI.then(() => {
        setLoading(false)
    })
}, [])

Ama fetchAPI'nin then fonksiyonu henüz çalışmadan önce bileşen unmount olabilir ve react yine de loading state'imi güncellemeye çalışır. Bu durumda uygulama patlamasa bile react bize uyarı verir.
Basit bir kontrolle bu sorunun önüne geçebiliriz.

useEffect(() => {
    let mounted = true
    fetchAPI.then(() => {
        if (mounted) {
            setloading(false)
        }
    })

    return function cleanup() { mounted = false }
}, []);

Ekstra: Axios isteğini iptal edin

Axios, bir istek tamamlanmadan önce iptal etme seçeneğine sahiptir. Bu özellik bellek sızıntısının önüne geçmek için cleanup fonksiyonunda kullanışlıdır.

useEffect(() => {
    const source = axios.CancelToken.source()

    const fetchUsers = async () => {
        try {
            await Axios.get('/users', {
                cancelToken: source.token,
            })
            // ...
        } catch (error) {
            if (Axios.isCancel(error)) {
                console.log('Request iptal edildi.', error.message);
            } 
            else { throw error }
        }
    }

    fetchUsers()

    return () => {
        source.cancel()
    }
}, [])

Kaynak: https://dev.to/otamnitram/react-useeffect-cleanup-how-and-when-to-use-it-2hbm

SELECT id, user_id, COUNT(comments) as commentsCount
FROM tablo
GROUP BY user_id
ORDER BY commentsCount
LIMIT 1000

gibi bir sorgu işinize yarayabilir.

Pek ihtiyacım olmadığından pek de iyi bilmediğim GROUP BY kullanımına şu siteden baktım:
https://www.tasarimkodlama.com/veritabani/mysql/mysql-group-by-kullanimi/

Sitedeki MySQL GROUP BY Toplam (Aggregate) Fonksiyonlar ile Kullanımı başlığı altındaki Örnek Sorgu 2 örneğini baz aldım:
Örnek Sorgu 2 Yukarıdaki örnekte siniflara göre gruplama yaptık. Şimdi hangi sınıfta kaç öğrenci var ona bakalım. (Gruplar içinde saymak için COUNT aggregate fonksiyonu kullanılır.)

SELECT sinif, COUNT(*) as 'Mevcut'
FROM ogrenci
GROUP BY sinif

Örneği şu şekilde sonuç vermiş:

[
    { sinif: "10A", Mevcut: 15 },
    { sinif: "10B", Mevcut: 13 },
    { sinif: "10C", Mevcut: 12 },
    { sinif: "11A", Mevcut: 17 },
    { sinif: "9A", Mevcut: 14 },
    { sinif: "9B", Mevcut: 16 },
    { sinif: "9C", Mevcut: 13 },
]

React'ın temellerini biliyorsanız ikisini birlikte yürütebilirsiniz.
Başlangıç için belki faydası olur: https://ebykdrms.gitbook.io/next-js-turkce-dokumantasyonu/

Bu işe başlamanız için mükemmel olmanız gerekmiyor. Bu işte öğrenmenin sonu yok zaten. Bi'şeyler ürettiğiniz sürece teknik anlamda her şeyi bilseniz bile kurgusal anlamda sürekli gelişiyorsunuz.
Freelance iş alırken işin sadece HTML, CSS ve JS ile tamamlanabilecek işleri seçebilirsiniz. Bu tip siteler bir yönetim paneli olmayan, iletişim formu olmayan, çok fazla ürün içermeyen siteler olacaktır. Hatta muhtemelen karşına sıklıkla zaten hazırlanmış bir tema üzerinde değişiklikler yapman gereken işler çıkacaktır.
Eğer kendinize çok sayfalı bir kişisel web sitesi yapabilmişseniz hazırsın demektir. Ama bu kişisel web sitesini yaparken HTML, CSS, JS ile çözülebileceği halde çözemeyip es geçtiğiniz kurgular varsa hazır değilsinizdir. Kendi sitenizde HTML,CSS,JS ile yapılabilecek aklınıza gelen her şeyi yapabilmişseniz hazırsınızdır.
Çoğunlukla HTML,CSS,JS ile freelance alacağınız işler basit işler olur. Müşteri "Kurumsal web sitesi teması satın aldım ama şimdi bunu kendime göre düzenlemem gerekiyor" der mesela. Burada sadece sitedeki görselleri ve metinleri değiştirmeniz, CSS ile sitenin genel temasını değiştirmeniz yeterli olur. Haliyle müşteri bu işin kolay olduğunu düşünüp az para teklif eder.
İşleri biraz daha büyütmek için PHP iyi bir başlangıç olacaktır. Çünkü bu tip işlerden yürürken sunucu taraflı bazı işlemler de yapmanız istenebilir. Örneğin iletişim formundan mail göndermek istiyorsanız ve 3.parti hizmetlere güvenmiyorsanız form'daki verileri alıp PHP'ye iletip PHP'nin mail atmasını sağlamanız gerekir mesela.
Bu gibi durumlarda müşteri sizi gelişmeye zorlar. "Site tamam da iletişim formu da ekleyemez miyiz?" der mesela. Zaman içinde bu itiklemelerle neyi öğrenmeye ihtiyacınız olduğunu da görmüş olursunuz.
Ayrıca müşterilerinizin sizi kandırmak için birçok oyunu olduğunu göreceksiniz. Örneğin size bütün siteyi yaptırdıktan sonra "şu ufak isteğimi de yapabilir misin?" der. Siz "elime yapışmaz yapayım da bitsin" dersiniz. Sonra müşteri "Çok güzel, harika oldu ama sadece şunu da eklesek ne güzel olur." der. Böyle böyle çaktırmadan zamanınızı yiyerek az paraya çok iş yaptırır.
Bir başka oyunda da müşteri bazı konuları muallakta bırakır. İş tamamlandıktan sonra "ben sana böyle dememiştim" der. Eğer müşteriyle yazılı olarak net bir görüşme yapmamışsanız sizi ekstra isteğini yapmazsanız işi almayacağını söyleyerek tehdit eder. Yine size ekstra bir işi uygun fiyatla yaptırma çabaları...
Başka bir oyunda da müşteri sizden birkaç örnek çalışma ister ve iyi fiyat teklif eder. Siz örnek çalışmayı gönderdiğinizde de başkasıyla anlaştığını söyleyip sizinle irtibatı keser ve başkasına sizin hazırlayıp ücretsiz olarak eline verdiğiniz siteyi uygun fiyata düzenletir.
Bazısı sizi baştan manipule eder. "Daha önce bi'yazılımcıyla çalıştım. Parasını da peşin peşin verdim. Sonra web sitemi tamamlamadan ortadan kayboldu." der. Güya güveni sarsılmıştır. İşin arka planındaysa genellikle bol bol revizeler isteyerek 1000 liraya 5000 liralık site yaptırmaya çalıştığı yazılımcı en sonunda dayanamayıp işi bırakmıştır ve aldığı para da o zamana kadar yaptığı işi zaten karşılamıyordur bile...
Klasik oyunlardan biri "sen bu işi uygun fiyata yap bunun arkasında daha bir sürü iş vereceğim sana" yalanıdır. Müşteri burada doğru söylüyor olsa bile o arkadan gelen işlerin hepsini de ucuza yapmanızı bekleyecektir. Sonraki işlerde fiyatı artırmaya kalktığınızda da bu maliyeti karşılayamayacağını söyler ve yerinize sizin ilk günkü halinize benzer birini arar. Bu tip müşteriler sizinle kapıları tamamen kapatmazlar. Çünkü güvenilir yazılımcı bulmak kolay değildir ve bulamazsa işi size yaptırmayı denemek isteyecektir.
Bunlar dışında ödemelerinizi geciktirenler, "bi'yerden para bekliyorum o gelsin sana da paranı vereceğim" deyip ortadan kaybolanlar, hatta en yüzsüzleri de işi yaparken çok iyi gidiyor deyip iş bitince agrasif tavırla yaptığınız işi beğenmediğini söyleyerek ödeme yapmayı tümden reddedenler...

Eğer böyle oyunlara karşı sabrınız varsa ve hatta kendiniz de bir oyun kurucuysanız freelance işler yapabilirsiniz ama genelde hem yazılımda hem insan manipulasyonunda iyi olmak, o sabır, pek rastlanan bir durum değil. Bunlarla uğraşamam ben derseniz tavsiyem bu işlere küsmek yerine bunlarla uğraşacak biriyle ortaklık kurmanız olur. Siz müşteriyle asla iletişime geçmezsiniz. İletişimi bir aracı arkadaşınız üzerinden yürütürsünüz. O arkadaşınız müşteriyle onun anlayacağı dilden konuşmayı da, yaptığınız eksik kalan işleri müşteriye kabul ettirmeyi de, parasını peşinen tahsil etmeyi de bilir. Siz daha az kazanırsınız belki ama kafanız rahat olur. Ayrıca kendinizi yazılım işinde geliştirmek için arkadaşınızdan zaman satın almış olursunuz.

Aslında demem o ki, başlayın ve kendi deneyimlerinizi yaşayın. Potansiyelinizi görün. Belki de bu işler tam sizliktir kim bilir?
En kötü ihtimalle müşterinizin işini teslim edemezsiniz. O zaman parasını da almazsınız olur biter. Ama edindiğiniz tecrube size kalır.
Eğer çok uygun bir fiyat öneriyorsanız müşteriyle bu işte yeni olduğunuzu, işi layıkıyla yapamama endişeniz olduğunu, işi tamamlayamazsanız parayı geri iade edeceğinizi veya hiç para almayacağınızı da dürüstçe söyleyebilirsiniz. Çoğu müşteri buna anlayışla yaklaşacaktır çünkü müşteri sizde minnet duygusu yaratarak gelecekte de size ucuza iş yaptırabileceğine inanır. Ayrıca müşterinin size gelecekte de iş yaptırma ihtimali varsa sizinle iletişimini kötü şekilde sonlandırmak istemez.

Ben de @munzevi gibi müşterinin böyle oyunlarla yaklaşanına veya anlamsızca kendini üstün görmesine tahammül edemediğimden iletişim problemleri yaşadığım için çok uzun zamandır freelance iş almıyorum.