React App உருவாக்குதல்

உங்கள் app-க்கு existing frameworks சரியாகப் பூர்த்தி செய்யாத கட்டுப்பாடுகள் இருந்தால், உங்கள் சொந்த framework உருவாக்க விரும்பினால், அல்லது React app-ன் அடிப்படைகளை மட்டும் கற்றுக்கொள்ள விரும்பினால், நீங்கள் புதிதாக ஒரு React app உருவாக்கலாம்.

Full-stack frameworks

Production-இல் உங்கள் app-ஐ deploy செய்து scale செய்ய தேவையான எல்லா features-க்கும் இந்த பரிந்துரைக்கப்பட்ட frameworks support தருகின்றன. இவை சமீபத்திய React features-ஐ integrate செய்து React-ன் architecture-ஐ பயன்படுத்துகின்றன.

Next.js (App Router)

Next.js-ன் App Router என்பது full-stack React apps-ஐ உருவாக்க React architecture-ஐ முழுமையாகப் பயன்படுத்தும் React framework ஆகும்.

npx create-next-app@latest

Next.js-ஐ Vercel maintain செய்கிறது. Node.js அல்லது Docker containers-க்கு support தரும் எந்த hosting provider-க்கும், அல்லது உங்கள் சொந்த server-க்கும், நீங்கள் Next.js app-ஐ deploy செய்யலாம். Server தேவையில்லாத static export-க்கும் Next.js support தருகிறது.

React Router (v7)

React Router என்பது React-க்கான மிகவும் பிரபலமான routing library; இதை Vite உடன் இணைத்து full-stack React framework உருவாக்கலாம். இது standard Web APIs-ஐ முன்னிலைப்படுத்துகிறது; பல்வேறு JavaScript runtimes மற்றும் platforms-க்கான பல ready-to-deploy templates-ஐ கொண்டுள்ளது.

புதிய React Router framework project உருவாக்க, இதை run செய்யுங்கள்:

npx create-react-router@latest

React Router-ஐ Shopify maintain செய்கிறது.

Expo (for native apps)

Expo என்பது உண்மையான native UIs உடன் universal Android, iOS, மற்றும் web apps உருவாக்க உதவும் React framework ஆகும். Native பகுதிகளை பயன்படுத்த உதவும் React Native-க்கான SDK-ஐ இது வழங்குகிறது. புதிய Expo project உருவாக்க, இதை run செய்யுங்கள்:

npx create-expo-app@latest

Expo-க்கு நீங்கள் புதியவராக இருந்தால், Expo tutorial-ஐ பார்க்கவும்.

Expo-ஐ Expo (the company) maintain செய்கிறது. Expo கொண்டு apps உருவாக்குவது இலவசம்; அவற்றை Google மற்றும் Apple app stores-க்கு கட்டுப்பாடுகளில்லாமல் submit செய்யலாம். கூடுதலாக, opt-in paid cloud services-யையும் Expo வழங்குகிறது.

மற்ற frameworks

எங்கள் full stack React vision நோக்கி செயல்படும் இன்னும் சில வளர்ந்து வரும் frameworks உள்ளன:

• TanStack Start (Beta): TanStack Start என்பது TanStack Router மூலம் இயங்கும் full-stack React framework. Nitro மற்றும் Vite போன்ற tools பயன்படுத்தி, இது full-document SSR, streaming, server functions, bundling, மேலும் பலவற்றை வழங்குகிறது.
• RedwoodSDK: Redwood என்பது full stack web applications உருவாக்க உதவும் பல pre-installed packages மற்றும் configuration கொண்ட full stack React framework.

// This component runs *only* on the server (or during the build).
async function Talks({ confId }) {
  // 1. You're on the server, so you can talk to your data layer. API endpoint not required.
  const talks = await db.Talks.findAll({ confId });

  // 2. Add any amount of rendering logic. It won't make your JavaScript bundle larger.
  const videos = talks.map(talk => talk.video);

  // 3. Pass the data down to the components that will run in the browser.
  return <SearchableVideoList videos={videos} />;
}

<Suspense fallback={<TalksLoading />}>
  <Talks confId={conf.id} />
</Suspense>

புதிதாகத் தொடங்குதல்

உங்கள் app-க்கு existing frameworks சரியாகப் பூர்த்தி செய்யாத கட்டுப்பாடுகள் இருந்தால், உங்கள் சொந்த framework உருவாக்க விரும்பினால், அல்லது React app-ன் அடிப்படைகளை மட்டும் கற்றுக்கொள்ள விரும்பினால், React project-ஐ புதிதாகத் தொடங்க மற்ற options உள்ளன.

புதிதாகத் தொடங்குவது உங்களுக்கு அதிக flexibility தரும்; ஆனால் routing, data fetching, மற்றும் பிற பொதுவான usage patterns-க்கு எந்த tools பயன்படுத்த வேண்டும் என்பதை நீங்கள் தேர்வு செய்ய வேண்டி வரும். Existing framework-ஐ பயன்படுத்துவதற்கு பதிலாக, உங்கள் சொந்த framework உருவாக்குவது போல இது இருக்கும். நாங்கள் பரிந்துரைக்கும் frameworks-இல் இந்த பிரச்சினைகளுக்கான built-in solutions உள்ளன.

உங்கள் சொந்த solutions உருவாக்க விரும்பினால், Vite, Parcel, அல்லது RSbuild போன்ற build tool-இலிருந்து புதிய React project அமைப்பதற்கான வழிமுறைகளுக்கு புதிதாக React app உருவாக்குதல் guide-ஐ பார்க்கவும்.

இந்தப் பக்கத்தில் சேர்க்கப்பட விரும்பும் framework author நீங்கள் என்றால், தயவுசெய்து எங்களுக்குத் தெரிவிக்கவும்.