Bileşenlerden kullanıcı arayüzleri oluşturun
React, bileşen adı verilen birbirinden ayrı parçalardan kullanıcı arayüzü oluşturmanızı sağlar. , ve gibi kendi React bileşenlerinizi oluşturabilirsiniz. Ardından bunları birleştirerek tam ekranlara, sayfalara ve uygulamalara çevirebilirsiniz.
İster tek başınıza ister diğer binlerce geliştirici ile çalışın, React kullanmak aynı hissettirir. React diğer insanlar, gruplar veya organizasyonlar tarafından yazılmış bileşenleri sorunsuz bir şekilde birleştirebilmeniz için tasarlanmıştır.
Kod ve işaretleme kullanarak bileşenler yazın
React bileşenleri aslında JavaScript fonksiyonlarıdır. Bazı içerikleri koşullu olarak göstermek mi istiyorsunuz? Bir ifadesi kullanın. Bir liste mi göstermek istiyorsunuz? Dizi fonksiyonunu deneyin. React öğrenmek programlamayı öğrenmektir.
Bu işaretleme sözdizimine JSX denir. React tarafından popüler hale getirilen bir JavaScript sözdizimi uzantısıdır. JSX işaretlemesini ilgili render etme mantığına yakın yerleştirmek, React bileşenlerini oluşturmayı, bakımını ve silmeyi kolaylaştırır.
İhtiyacınız olan her yere interaktivite ekleyin
React bileşenleri veri alır ve ekranda görüntülenecek olanı döndürür. Kullanıcı girişi gibi bir etkileşime yanıt olarak bileşenlere yeni veri yollayabilirsiniz. React daha sonra ekranı yeni veriyle eşleşecek şekilde günceller.
Tüm sayfanızı React ile oluşturmak zorunda değilsiniz. Mevcut HTML sayfanıza React ekleyin ve interaktif React bileşenlerini herhangi bir yerde render edin.
Bir çatı ile tam özellikli geliştirmeler yapın
React bir kütüphanedir. Bileşenleri bir araya getirmenize olanak sağlar, ancak yönlendirme ve veri çekme gibi konularda nasıl yapılacağına dair talimat vermez. React ile tüm bir uygulama oluşturmak için Next.js veya Remix gibi tam özellikli React çatılarını öneriyoruz.
confs/[slug].js
import { db } from './database.js';
import { Suspense } from 'react';
async function ConferencePage({ slug }) {
const conf = await db.Confs.find({ slug });
return (
<ConferenceLayout conf={conf}>
<Suspense fallback={<TalksLoading />}>
<Talks confId={conf.id} />
</Suspense>
</ConferenceLayout>
);
}
async function Talks({ confId }) {
const talks = await db.Talks.findAll({ confId });
const videos = talks.map(talk => talk.video);
return <SearchableVideoList videos={videos} />;
}
19 Videos
React aynı zamanda bir mimaridir. Onu kullanan çatılar, sunucuda çalışan asenkron bileşenlerde veya hatta derleme sırasında veri çekmenize olanak tanır. Bir dosyadan veya veritabanından veri okuyun ve bunu interaktif bileşenlerinize aktarın.
Her platformdan en iyisini kullanın
İnsanlar web ve yerel uygulamaları farklı nedenlerden seviyor. React, aynı becerileri kullanarak hem web uygulamaları hem de yerel uygulamalar oluşturmanıza olanak tanır. Her platformun benzersiz güçlerine dayanarak, arayüzlerinizin her platformda doğru hissettirmesine izin verir.
Web'e sadık kalın
İnsanlar web sayfalarının hızlı yüklenmesini bekliyorlar. Sunucuda, React, veri çekmeye devam ederken HTML akışını başlatmanıza olanak tanır ve JavaScript kodu yüklenmeden önce kalan içeriği aşamalı olarak doldurur. İstemcide, React, arayüzünüzü renderlama sırasında bile standart web API'lerini kullanarak bileşenlerin etkileşimli olmasını sağlar.
Gerçekten yerel olun.
İnsanlar yerel uygulamaların kendi platformları gibi görünüp hisettirmelerini bekliyorlar. React Native ve Expo, React ile Android, iOS ve daha fazlası için uygulama oluşturmanıza olanak tanır. Arayüzleri gerçekten yerel olduğu için yerel gözüküyor ve hissettiriyorlar. Bu bir web görünümü değil. React bileşenleriniz, platform tarafından sağlanan gerçek Android ve iOS görünümlerini renderlar.
React ile web ve yerel geliştirici olabilirsiniz. Takımınız, kullanıcı deneyimini feda etmeden birçok platforma uygulama yapabilir. Organizasyonunuz, platform farklılıklarını bağdaştırabilir ve baştan sona tüm özelliklere sahip olan takımlar oluşturabilir.
Upgrade when the future is ready
React approaches changes with care. Every React commit is tested on business-critical surfaces with over a billion users. Over 100,000 React components at Meta help validate every migration strategy.
The React team is always researching how to improve React. Some research takes years to pay off. React has a high bar for taking a research idea into production. Only proven approaches become a part of React.
Join a community
of millions
You’re not alone. Two million developers from all over the world visit the React docs every month. React is something that people and teams can agree on.
This is why React is more than a library, an architecture, or even an ecosystem. React is a community. It’s a place where you can ask for help, find opportunities, and meet new friends. You will meet both developers and designers, beginners and experts, researchers and artists, teachers and students. Our backgrounds may be very different, but React lets us all create user interfaces together.