React ???? ???? ???? ??? ???? ?????. ? ????? 2025?? ?? ?? ??????? ???? ?? ??(?: SaaS) ?? ?? ?? ?? ??(MVP)? ??? ? ?? ??? ?? ??? ?? ?????.
?? ??? ??? ? ????? ?? ??? ???? ? ??? ?????. ?? ??? ?? ?? ???? ??? ??? ???? ???? ??? ? ?? ?? ???? ??? ??? ? ?? ?????.
2024? 11?? ??? ?? ??? ?? ??? ??? ??? ???? ??????. ?? ?? ???? ????? ???? ?? ????? ??? ??? ?????.
? ??? ??? ???? ? ?????? ??? ???? ???? ?? ????? ???? ??? ???.
??? ?????? ??
???.js
Remix.js? ??? ??? ????? ? ?? ??? ???? ??? ????? ??? ???? ? ??????? ??? ? ?? ? ????????.
?? ??:
- ??? ?? ? ????: Remix? ??? ??? ??? ???? ??? ????? ??????. ??? ??? ????? ?? ???? ???? ?? ??? ?? ?? ? ?? ???? ?????.
- ?? ??? ?? ???: ??? ????? ?? ??? ?? ??? ???? ??? ??? ????? ???? ?? ????.
- ?? ? ???(SSR): Remix? SSR? ???? ??? SEO? ? ?? ?? ?? ??? ?????.
- ??? ??: Remix? ?????? ???? ???? ?? ??? ??? ??? ???? ? ????.
- ?? ??: ??? ?? ??? ??? ??, ??, ?? ?? ?? ???? ??? ??????.
- ???: Remix? ??, ??, ?? ? ?? ???? ??? ??? ????? ???? ?????.
- ???: Remix? Node.js ?? ? Cloudflare Workers? ?? ?? ??? ???? ??? ??? ??? ??? ? ????.
??? ??? ??:
- ? ?? ??: SSR ? ??? ????? ? ?? ?? ??? ? ??? ??? ??? ?????.
- ? ?? ??? ??: ??? ??? ??? ? Remix? ???? ???, ??? ???? ???? ? ?? ?? ??? ??? ?????.
- ??? ? ???: Remix? ??? ??? ??? ? ???? ??? ???? ?? ??? ?? ??? ? ????.
- ??? ???? ? ???: Remix? ??? ???? ??? ??? ? ?? ???? ????? ?? ???? ???? ????.
Remix.js? ????? ? ??? ?? ????? ???? ?? ??? ???? ???? ???, ???, ??? ?? ??????? ??? ? ??? ?????.
?
?? ?? ???? ?? ?????? ? ?? ????? ????!
Remix.js? ?? ???? ?? ???? ?? ???? ???? ??????? ????? Astro? ?? ??? ?? ???? ??? ?? ??? ??? ?????. Astro? ??? ??? ? ? ?? ??? ??? ????.
?? ??:
- ??? ??: Astro? ??? ????? ???? ???? ??? ???? ?? ?? ?? ???? ?????.
- ???? ?? ?? ???: Remix? ???? Astro? ?? ?? ??? ???? ???? ?? ???? ???? ?? ???? ??? ? ????.
- ?? ?? ?? ??: ?? ?? ????? ???? ?? ????? ??? ???? ?? ??? ??? ?? ??? ?????.
- ?? ??????? ??: Astro? React, Vue ? Svelte? ?? ?? ???? ?????? ???? ????? ?? ??? ???? ??? ? ????.
- ???? ??? ?? ???(CMS) ??: Astro? ?? ???? CMS ???? ? ???? ?? ??? ???? ???? ??? ? ????.
?? ???? Astro? ???? ?? ? ?? ??
- ??? ??? ??: Astro? ??? ??? ?? ?? ??? ??? ?????? ??? ?? ?? ???? ??? ? ??? ? ????.
- ??? ??????: Astro? ??? ?? ??? ???? ??? ??????? ??? ??????.
- SEO ???: Astro? ???? ? ???? HTML? ???? ?? ???? ??? ?? ?? ???(SEO)? ?????.
- ?? ?? ??: Astro? ?? ??? ?? ??? ????? ?? ??? ?????.
Astro? ??? ???? ??? ???? SaaS? ??? ???? ???? ??? ???? ?? ???? ??? ??? Remix/Next ? ??? ?? ?? ??? ??? ? ?? ??? ??? ??? ? ????.
?? ?? ??
?? ?? ??? ??? ???. ?? ?? ??? ??? ???? ??? ???? ?? ???? ????. ??(????)?? ?? ??? ???? ?? ??? ?? ??? ?? ???? ?????.
??? ??? ????
- ?? ????: ?? ??? ?? ??? ???? ?? ?? ??????? API?? ???? ?????.
- ??? ?? ??: ?? ?? ??? ?? ??? ??? ?? ??? ??? ?????.
- ? ??: ??? ?? ??? ??? ???? ?? ?? ??? ?????.
? ??????
- ?? ? ?? ?????. ???? ?? ??? ???? ???? ????? ? ??? ??? ? ????.
- T*?? ? ???????.* ??? ???? ???? ?? ?? ?? ??? ???? ?????.
- ??? ??? ? ????. ?? ?? ??? ??? ??? ????? ? ???? ?? ?? ??? ??? ?? ??? ? ??? ? ????.
?? ??
?? ??? ???? ??? ??? ???. ?? ??? ?? ? ?? ?? ???? ???? ??? ??? ???? ???? ?? ????.
??? ??????
- ??(??? React ????)? ???(?? ??)?? "??? ? ??? ???"? ?? ??? ?? ?? ?????.
- ??? ??? ???? ??? ?????.
? ??????
- ??? ?? ????. ??? ????? ?? ???? ?? ??? ?? ??? ??? ????.
- ??? ??? ??? ? ????. ?? ?? ??? ??? ? ?? ?? ?? ??? ????? ?? ??? ??? ? ????.
?? ??
???? ?? ?? ??? ?? ??? ??? ??? ???. ?? ??? ??? ??? ????.
???? ??????
- ?? ??, ?????? ???? ? ?? ??? ????? ??? ?? ?????.
? ??????
- ???? ????. ?? ?? ??? ????? ???? ???? ?? ??? ??? ??? ????.
- ??? ?? ?????? ?? ????. ???? ??? ?? ?? ??? ?? ??? ???? next-safe-actions ? zsa? ?? ?????? ????.
React? ?? ??
???
Zustand? React ??????? ?? ??? ??? ?? ?? ????????. ?? ? ?? ??? ??? ? ?? ???? ???? API? ????? ?? ??? ????? ??? ?????.
?? ??:
- ?????? API: Zustand? ???? ??? ??? ???? ??? ?? API? ?????.
- ?? ??: Zustand? ???? ?? ????? ???? ????? ??? ??? ????? ???????.
- ???: ?? ??? ?? ??? ??? ?? ??? ???? ??? ?? ?? ??? ??? ??? ? ????.
- ??? ??: ??? API? ??? ?? ??? Zusstand? ?? ??? React ????? ??? ? ????.
import create from "zustand";
const useStore = create((set) => ({
count: 0,
increment: () => set((state) => ({ count: state.count + 1 })),
}));
function Counter() {
const count = useStore((state) => state.count);
const increment = useStore((state) => state.increment);
return <button onClick={increment}>Count: {count}</button>;
}
????
Recoil.js? Context API? ?? ?? ??? ?? ?? ?? ??? ?? ?? ????? ??? ?? ??? ???? React ??????? ?? ?? ????????. ??? ?? ??? ??? ?? ???? ??? ??? ??? ? ?? ??? ??? ?? ???? ?????.
?? ??:
- Atom: Recoil? ?? ?? ?????. Atom? ????? ?? ?? ??? ?? ??? ? ????. ??? ?? ???? ???? ??? ?????.
- ???: ???? ?? ??? ?? ????? ??? ??? ???? ?? ?????. ?? ?? ??? ?? ??? ???? ?? ??? ??? ? ????.
- RecoilRoot: ? ?? ??? Recoil ??????? ?????. ?? Recoil Atom ? ???? ?? ????? ?????.
- ??: ?? ??? ??? ??? ? ????? ?? ?? Atom ?? ???? ?????. Recoil? ???? ????? ???? ?? ??? ???? ???? ??? ??? ???? ?? ??? ?? ?????? ???.
?? ??:
- ??? ?: Recoil? ??? ?? ????? API?? ???? ?? ?? ??? ??? ? ????.
- ???: ?? ??? ?? ??? ?? ?? ??? ????? ???? ?? ??? ?? ? ??? ? ????.
- ?? ?? ???: Recoil? ?? ?? ???? ?? ??? ???? ?? ?? ??? ???? ??? ? ????.
- ??? ?? ??: ??? ?? ??? ???? ??? ?? ?? ??? ???? ? ????.
import create from "zustand";
const useStore = create((set) => ({
count: 0,
increment: () => set((state) => ({ count: state.count + 1 })),
}));
function Counter() {
const count = useStore((state) => state.count);
const increment = useStore((state) => state.increment);
return <button onClick={increment}>Count: {count}</button>;
}
React? CSS ???
?? CSS
?? ??? ?? ??
Tailwind CSS? ?? ??? ??? ???? ??? ????? ????? ??? ??? ?? ??? ???? CSS ?? ??? ?? ?? ???? ?????? ?? ????.
?? ??? ?? ???? ???? ???? Tailwind? ??? ?? ? ?? ?? ??? ?????.
- ??? ??????: Tailwind? ???? ?? ?? ??? ?? ???? ?? CSS ???? ???? ??? UI ??? ??? ???? ???? ??? ? ????. ?? ?? ????? ?? ? ?? ???? ??? ?? ?????.
- ??? ???: Tailwind? ?? ??? ???? ??? ??? ???? ???? ??? ?? ??? ???? ?????. ?? ?? ????? ??? ???? ??? ??? ??? ?? ??? ???? ???? ? ??? ???.
- ? ?? ??? ??: Tailwind? ???? ??? ?? ?? ???? ?? ?? ??? ??? ??? ???? CSS? ? ??? ??? ???? ?? ??? ? ?? ????.
- CSS ?? ?? ??: ?? ??? ???? ???? ???? CSS ??? ?? ??? ?? ?? ??? ?? ??? ???? ??? ??? ? ????.
- ??? ???? ? ???: Tailwind? ???? ??, ??? ???, ?????? ??? ??? ???? ? ?? ????? ?? ???? ???? ?? ???? ????? ???? ????.
? ??? Tailwind? ?? ?? ??? ????? ????. ???? ???? ??? ??? ????? ?? ?? ? ?? ?? ??? ???? ???? ??? ?? ???? ?? ???.
Tailwind? ??? ??? ????. CSS ?? ??? ??? ????? ???? ?? ? ??? ?? ?? ????.
React?? ??? ????
??/??? ??
???? ??? ?? ?? ??? ???? ???? ?? ??? ??? ??? ???? ?? ?? ?? ??? ??????. ???? ??? ??? ?????? ?????? ???? JavaScript? ?? ????? ?? ??? ?? ??? ??? ??? ??? ???? ? ????.
??? ?? ???, ??? ?? ?? ??? ??? ????? ?? ? ??? ??????? React? ??? ?????. ??. React Query? ????? ??? ??? ????, ?? ? ????? ???? ?? ???? ??? ???? ?????.
?:
- ?? ?? ??: ?? ???, ??? ??? ?? ??? ???? ?? ?? ???? ???? ? ?????.
- React ??: ???? ?? ???? ?????, ????? ???? ??? ???? ?????, ?? ??????? ??? ????? ???? ? ?????.
?? ?? ??? React Query? ????? ?????? React ??????? ??, ?? ??? ? ??? ?? ?? ??? ??? ??? ? ????.
?????? ? ORM
???
?? ???? ?????? ???? ??
Prisma ORM? ? React ?????? ??????? ?? ??? ? ??? ???? ?????. Drizzle? ?? ?? ORM? ??? ?? ??? Prisma? ??? ????? ???? ??? ?? ????? ??? ? ?? ????? ???????.
???? ?? ??:
- ?? ???: Prisma? ?????? ????? TypeScript ??? ???? ?????? ???? ?? ???? ???? ??? ?? ??? ????.
?:
import create from "zustand";
const useStore = create((set) => ({
count: 0,
increment: () => set((state) => ({ count: state.count + 1 })),
}));
function Counter() {
const count = useStore((state) => state.count);
const increment = useStore((state) => state.increment);
return <button onClick={increment}>Count: {count}</button>;
}
??? ? ???? ?? ??? ??? ??? ??? ???? ??? ?? ??? ??? ?????.
- ??? ??? ??: ????? ???? ??? Prisma ??? ??? ???? ?????? ???? ?????.
?:
import create from "zustand";
const useStore = create((set) => ({
count: 0,
increment: () => set((state) => ({ count: state.count + 1 })),
}));
function Counter() {
const count = useStore((state) => state.count);
const increment = useStore((state) => state.increment);
return <button onClick={increment}>Count: {count}</button>;
}
- ???? ??: Prisma? ???? ???? ?? ?? API? ????? ???? ???? ??? ?????? ??? ?? ??? ? ????.
- ??????: Prisma Migrate? ???? ?? ?????? ????? ?????? ??? ??? ????? ??? ??? ?? ??????? ???? ???? ? ????.
??? ??? ??
- ??? ??: Prisma? SQL ?? ??, ?????? ??? ?? ?? ?? ?? ??? ????? ??? ???? ?? ??????.
- ??? ?? ??: ?? ???, ??? ?? ? ?? ??? ??? ?? ?? ??? ??? ??? ?????.
- ??? ?? ??: Prisma? ??? ?? ??? ??? ??? ??? ?? ??? ??? ?? ?????? ?? ??? ? ?? ???? ?? ??? ? ????.
- ??? ???? ? ???: Prisma? ???? ??, ???? ? ?? ???? ?? ???? ???? ?? ???? ????? ???? ????.
Drizzle? ?? ?? ORM? ??? ??? ????? Prisma? ???, ??? ???, ??? ??? ?? ??? ?? ??? ???? ?????? ?? ???? ORM? ?????.
?????
Supabase? ??? PostgreSQL ??????, ??, ???, ?? ??? ??? ?? ??? ??? ???? ???? Firebase? ???? ?????. ?? ????? ???? ??? ?? ?? ? ?? ? ??????? ??? ? ?? ??? ???? ??? ?????.
Supabase ?? ??:
- ??? PostgreSQL: Supabase? PostgreSQL? ??? ?????? ??? ???? ??? ??? ??? ???? ??? ??? ??? ? ??? ????. ??? ??? ???? ?? ??????, ???? ? ??? ????? ??? ??????? ??? ? ????.
- ??: Supabase? ???/????, ?? ???, ??? ?? ??? ? ??? ??? ???? ??? ?? ???? ?????. ?? ???? ?? ??, ??? ??? ?? ??? ?????.
- ???: Supabase?? ???????? ?? ??? ????? ??? ? ?? ?? ?? ???? ???? ????. ??? ?? ?? URL? ???? ???? ???? ?? ??? ??? ? ????.
- ?? ??: ??? ???? ??? ???? ????? ? ??? ???? ??? ?? ??? ??? ? ????. ?? ??? ??, ?? ? ???, ??? ?? ?? ??? ?? ??? ?????.
- GraphQL API: Supabase? REST API ??? GraphQL API? ???? ???? ???? ?? ???? ???? ??? ??? ?????.
? Supabase? ???? ????
- ??? ??: Supabase? ?? ??? ??? ???? ???? ??? ?????? ???? ??????? ????? ??? ??? ? ????.
- ???: Supabase? ?? ??? ???? ???? ???? ?? ??? ??????? ?????.
- ?? ??: ?? ??? Supabase? ???, ??? ? ??? ????? ?????.
- ?? ???: Supabase? ??? ?? ??? ??? ?? ??? ???? ??? ? ??? ????? ?? ???? ??? ?????.
Supabase? ???? ?? ??
- ??? ??????: Supabase? ?? ??????, ?? ??, ????? ?? ??? ????? ??? ??????? ??????.
- ??? ??????: Supabase? ??? ???? ?????? MVP? ??? ??? ? ?? ??? ?????.
- ??? ? ??????: Supabase? ?? ? ??????? ??? ? ?????? ??? ???? ??? ? ????.
??? ?? ? ??
??????
TypeScript? ??? ?? ?? JavaScript ????? ?? ?????. ????? ? ??? ?? ?? ??? ??? ?? ?? ???? ?? ??? ??, ?? ?? ??, ??? ??, ?? ??? ?? ?? ? ??? ??? ?????. ???? TypeScript? ??? ?? ? ??? ???? ???? ????.
??
?? ?? ??? ?? ??? ??
Zod? ?? TypeScript? ??? ? React ????? ??? ?? ??? ???? ??????. Zod? ?? ?? ?? ??? ???? ??????? ???? ?? ???? ?? ???? ? ????.
?? ?? ??
- ?? ?? ??? ??: Zod? TypeScript? ?? ???? ???? ??? ???? ???? ?????. ??? ?? ???????? ??? ???? ?? ??? ???? ??? ?? ??? ???? ??? ???? ?????.
- ??? ???: Zod? ???? ???? ???? ??? ??? ???? ??? ???? ????? ??? ? ????. ?? ?? ???? ?? ??? ??? ?? ??? ?? ?? ? ????.
- ?? ??: Zod? ???? ??? ?? ???? ????? ??? ?? ??? ?? ???? ??? ? ????. ??? ?? ???? ??? ?????? ?? ???? ????? ??? ???? ??? ? ????.
- ???: Zod? ???? ?? ??? API? ????? ??? ?? ??? ?? ??? ??? ?? ??????? ?? ??? ??? ? ????.
Zod ??? ??
- ?? ?? ??: Zod? ??? ??? ??? ?? ??? ???? ??? ?? ??? ??? ?? ???? ???? ??? ??? ? ??? ?????.
- ??? ??? ??: Zod? ?? ?? ?? ??? ??? ?? ???? ?? ??, ??? ? ?? ??? ?? ?? ??? ??? ??? ?? ?????.
- ??? ?? ??: Zod? ????? ???? ??? ?? ???? ?????? ?? ???? ??? ??? ???? ? ??? ???.
- ???? ?? ??: Zod? ??? ?? ??? ??? ?????? ??????? ??? ?? ?? ?? ??? ??? ? ??? ? ? ????.
?? ????
Zod? ??? ????? ? ??? ?? ??? ????? ?? ?? ? ??? ??, ?? ?? ?? ??? ???? ?? ?????. ? ?? ??? ????? ? ??? ??? ???? ?? ?? ?? ?????? ?? ???? ???? ?????. ?? ??? ?? HTML ??? ??? ?????? ???? ???? ?? ?? ?? ????? ??? ? ????.
??? ? ??
?? ??? ??(MSW)
? ?? ??? ????? ??? ??? MSW(Mock Service Worker)???. ?? ???? ????? ? ????? ??? ????????.
?? ??? ??? API ??? ?? ??? JavaScript ????????. ??? ??? ???? ???? ???? ??? ???? ????? Node.js ????? ?? API? ?????? ? ????. ??? ???? ???? ??? ???, ???? ?? ???? ???? ??? ? ????.
?? MSW? ???? ??
??? MSW? ?? ?? ?????? ???? ??? ?? ??? ?????.
- ???? ??: MSW? ???? ???? ??? ????? ?????? ??? ?? ??? ?? ??? ? ????. ?? ???? ??? ?????? ?? ?? ????.
- ????? ? ?? ???: React ??????? ????? Node.js ???? ????? MSW? ? ?? ???? ???? ?????.
- ??? ??: ?? ??? ??? ??? ?? ??? ???? ????. MSW? ???? ???? ?????.
- ???: REST API, GraphQL? ?? WebSocket?? ?????? ? ????. ??? ??? ? ??? MSW?? ?? ?????? ? ????.
- ? ?? ???: ??? ??? ??? ??? ???? ?? ??? ??? ??????? ??? ??? ? ? ????.
MSW ? ???? ?? ??
? ??? ??? MSW? Axios ????? ??? ?? ?? ???? ?????.
- ???: MSW? ???? ?? ??? ?????? ?? ??? ???? ??? ? ?? ??? ??????.
- ??: ????? ?? MSW? ?????? ??? ???? ????. ?? ??? ? ???? ?? ??? ??? ?????.
- ????? ??? ??: MSW? ??? ??? ???? ???? ??? ??? ???? ???? ??? ? ?? ??? ???? ?????.
MSW? ???? ?? ??
API? ?? ??????? ????? ?? ????? ?? ????? ??? ????. MSW? ???? ??? ?? API? ?????? ? ?? ????? ???? ??? ???? ??? ?????.
??, ???, ??? ? ??? ?? MSW? ?? ??????. ??? ???? ??? ???? ??? ??? ? ? ?? ?????.
2025?? ?? ????? ????? ??? MSW? ??? ???. ??? ?? ???? ??? ??? ??? ??? ?? ????.
???
2025? ?? ? ???? ??? Playwright? ?? ? ???? ?? ? ??? ?????. ??? ??? ?????? ????. ???, ?? ? ???? ??? ????? ???? ?? ??? ???? ?????.
Playwright? ???? ???? ?? Node.js ????????. Microsoft?? ??? ? ?? ???? ??? API? ???? ?? ?? ????(Chromium, Firefox, WebKit)?? ? ??????? ?? ????? ???? ??? ? ????. ?? ???? ???? ?? ???? ???? ???? ???? ?? ??? ?? ?? ?? ?? ????.
???? ???? ??
? ??? ??? Playwright? ?? ???? ?????.
- ?? ???? ??: ????? Chromium ?? ????? ???? Cypress? ?? Playwright? ???? Chromium, Firefox ? WebKit?? ???? ? ????. ??? ??????? ??? ???? ????? ???? ?? ?????.
- ?? ???: Playwright? ??? ???? ???? ?????. ???? ? ??? ???? CI ?????? ???? ???? ???? ???? ?????.
- ???? ? ?? ??: CI?? ???? ?? ???? ???? Playwright? ???? ?????.
- ???? ??: Playwright? ???? ??? ???? ???? ??? ???? ????? ?? ? ????. ?? ??? ?? ???? ?? ??? ????? ?? ??????? ?? ??? ?????.
- API ???: ???? UI?? ??? ????. ??? ???? ??? ?? API ??? ???? ?????? ???? ???? ????? ? ? ????.
? ?? ??? ???????
??? TypeScript?? Playwright ???? ???? ??? ?? ??? ????. ? ???? ??? ???? ?????:
import create from "zustand";
const useStore = create((set) => ({
count: 0,
increment: () => set((state) => ({ count: state.count + 1 })),
}));
function Counter() {
const count = useStore((state) => state.count);
const increment = useStore((state) => state.increment);
return <button onClick={increment}>Count: {count}</button>;
}
2025??? ???? ? ?? ?? ??? ????. ???? ??? ??? ???? ???? ?? ???? ?????. Playwright? ??? ??? ??? ???? ??? ???? ?? ??? ??????.
?? ???? ????? ??? ?? ?????. ???? ? ??? ????, ??? ????, ???? ??? ? ??? ???? ??? ????.
?? ? ??
Cloudflare(??? ? CDN)
Cloudflare? ?? ? ??? ???? ?? ????. ??? ?? ??? ???? ??? ??? ???? ?? ??? ??????? ??? ? ???? ?????. ?? ????? ??? ?? ???? Cloudflare?? ??? ???? ? ?? ??? ????.
Cloudflare? ??????
Cloudflare? ??? ? ?? ? ?? ?? ?????. CDN(??? ?? ????)?? ?????? ????? ? ?????. Cloudflare? ???? ???? ??? ????? ???? ?????? ??? ? ??? ??? ?? ??? ???? ???? ???? ??????? ?? ?? ????.
?? Cloudflare? ???? ??
Cloudflare? ? ??? ???? ??? ?? ? ??? ??? ????.
- ???? ?? ??: Cloudflare? ??? CDN? ?? ???? ??? ?? ?? ?? ??? ?? ?? ??? ????? ?????. ??? ??? ?? ??? ? ?? ????? ??? ?????.
- ??? ??: Cloudflare? WAF(? ?????? ???)? DDoS ?? ??? ??? ??? ?????. ???? ???? ???? ?? ????.
- ????? ???? ???: Cloudflare Workers ??? ??? ??????. ?? ?? ???? ??? ??? ???? ?? ??? ??? ?? ??? ??? ????? ? ????.
- ?? ???: Cloudflare? ???? ?? ? ??? ??? ??? ? ??? ?????. ???? ????? ??? ???? ??? ?? ?? ??? ?? ??? ? ????.
- ?? ???: Cloudflare? ??? ???? ??? ?? ??? ? ????. ?? ???? ?? ?? ?? ??? ? ?? ??? ?????.
?? ??????? ????? ?? ??? ???? ???? ??? ????? ?????. Cloudflare? ???? ??? ???? ???? ?? ??? ? ?? ?? ??? ? ????. ??? CDN?? ???? ?? ??? ?????, 2025?? ??????? ?? ???? ????? ?? ????? ???? ?? ?????.
?? Cloudflare? ???? ????? ??? ?? ?????. ???? ???? ??? ? ??? ???? ????? ????.
?? ????:
???? ???? ???
??? ??? ?? ??? ??
React Email and Resend? React ?????? ??? ??? ???? ???? ??? ? ?? ??? ???? ?????.
React ???: ? ?????? ???? React ?? ?? ??? ?? ????? ????? ??? ?? ??? ???? ?? ? ????. ?? ??, ?? ? ??? ?? ??? React ??? ???? ???? ?? ??? ?? ??? ????? ?? ? ????.
???: ? ??? ??? API? ?? ???, ???? ???, ?? ??? ?? ?? ???? ??? ????? ???? ??? ?????. ???? ?? ?? ???, ??? ??, ?? ????? ??? ??? ?? ??? ?????.
?? ??
- ? ?? ??? ??: React Email? ??? React ??? ???? ??? ???? ???? ???? ?? ?? ???? ?? ??? ??? ?????.
- ???? ???: ??? ???? React ????? ???? ???? ??? ?? ??? ??? ???? ???? ??? ? ????.
- ? ?? ?? ???: Resend? ??? ???? ?? ???? ??? ?? ???? ??? ????? ????? ????? ?????.
- ??? ??: Resend? React ??????? ?? ??? ? ??? ??? API? SDK? ?????.
?:
import create from "zustand";
const useStore = create((set) => ({
count: 0,
increment: () => set((state) => ({ count: state.count + 1 })),
}));
function Counter() {
const count = useStore((state) => state.count);
const increment = useStore((state) => state.increment);
return <button onClick={increment}>Count: {count}</button>;
}
import { atom, selector, useRecoilState, useRecoilValue } from "recoil";
// Atom for user data (fetched asynchronously)
const userDataAtom = atom({
key: "userData",
default: null,
effects_UNSTABLE: [
({ setSelf }) => {
// Fetch user data from API and set it
},
],
});
// Selector to extract the user's name
const userNameSelector = selector({
key: "userName",
get: ({ get }) => {
const userData = get(userDataAtom);
return userData?.name || "Guest";
},
});
function UserProfile() {
const userName = useRecoilValue(userNameSelector);
return <div>Hello, {userName}!</div>;
}
? ???? React Email? ???? ??? ?? ??? ???? ?? ?? Resend API? ???? ??? ??? ?????.
React ???? ???? ??? ??? ???? ??? ????? ????? ??? ?????? ??? ???? ???? ??? ??? ???? ? ????.
???
Stripe? ??? ??? ???? ??? ?? ??? ???? ???? ?? ???? ?? ????????.
???? ??
- ???: Stripe? ???? ?? ??? ????? ??? ?? ??? ????? ?? ????? ? ??? ????? ?? ???? ? ????.
- ???? API: Stripe? ????? ??? ??? ???? API? ??????, ?? ?? ??? ?? ??? ??? ? ????.
import create from "zustand";
const useStore = create((set) => ({
count: 0,
increment: () => set((state) => ({ count: state.count + 1 })),
}));
function Counter() {
const count = useStore((state) => state.count);
const increment = useStore((state) => state.increment);
return <button onClick={increment}>Count: {count}</button>;
}
????? ??? ?? ?? ??? ? ?? React ????? ?? ??? ?? ?????. ?? ??? ?? ? ??? ???, ????? ?? ??? ?? ??? ????? ?? ?? ??? ?? ??? ?? ?????. ??? ??? ???? ??? ??? ???? ???? ?? ??? ?? ???? ????? ????.
? ??? ??? ???? ??? ??? ???? ????.
@khriztianmoreno?
? ??? ?? ?? 5? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8641
17
1787
16
1730
56
1581
29
1448
31
Java vs. JavaScript : ??? ?????
Jun 20, 2025 am 12:27 AM
Java ? JavaScript? ?? ?? ????? ??? ?? ?? ?? ???? ????? ?????. Java? ??? ? ??? ?????? ??? ???? JavaScript? ?? ? ??? ??? ?????.
JavaScript ?? : ?? ??
Jun 19, 2025 am 12:40 AM
JavaScriptCommentsareEnsentialformaining, ?? ? ???? 1) Single-LinecommentsERUSEDFORQUICKEXPLANATIONS.2) Multi-linecommentSexplaincleClexLogicOrprovidedEdeDDocumentation.3) inlineecommentsClarifySpecificPartSofcode.bestPractic
JS? ??? ???? ???? ???
Jul 01, 2025 am 01:27 AM
JavaScript?? ??? ??? ?? ? ? ?? ??? ???????. 1. ?? ??? ??? ???? ?? ??? ????. ISO ?? ???? ???? ???? ???? ?? ????. 2. ?? ??? ?? ???? ??? ?? ???? ??? ? ??? ? ?? 0?? ????? ?? ??????. 3. ?? ?? ???? ???? ???? ?? ?????? ??? ? ????. 4. Luxon? ?? ???? ???? ?????? ???? ?? ????. ??? ?? ???? ????? ???? ??? ????? ?? ? ????.
? ? ??? ??? ?? ???? ??? ??????
Jul 02, 2025 am 01:22 AM
TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL
JavaScript vs. Java : ?????? ??? ? ??
Jun 20, 2025 am 12:21 AM
JavaScriptIspreferredforwebDevelopment, whithjavaisbetterforlarge-scalebackendsystemsandandandoidapps.1) javascriptexcelsincreatinginteractivewebexperiences withitsdynatureanddommanipulation.2) javaoffersstrongtypingandobject-Orientededededededededededededededededdec
DOM?? ??? ?? ? ? ??? ??????
Jul 02, 2025 am 01:19 AM
??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.
JavaScript : ???? ????? ??? ?? ??
Jun 20, 2025 am 12:46 AM
javascriptassevenfundamentalDatatatypes : ??, ???, ??, unull, ??, ? symbol.1) ?? seAdouble-precisionformat, ??? forwidevaluerangesbutbecautiouswithfatingfointarithmetic.2) stringsareimmutable, useefficientconcatenationmethendsf
JavaScript ?? ????? ???? ??? ??? ?? ? ?????
Jun 26, 2025 am 12:54 AM
JavaScript ?? ????? ??????? ??? ?? ??? ??? ????? ?? ??? ????. ????? ??? ?????. 1. ?? ?? (CodesPlitting) ??, ?? ??? React.lazy ()? ?? ?? ?? ?? ??? ????? ??? ???? ? ?? ????? ??? ?? ??? ???????. 2. ???? ?? ?? (???)? ????, ES6 ?? ????? ???? "Dead Code"? ???? ?? ? ????? ?? ??? ??? ? ???????. 3. ?? ??? ???? ???? GZIP/BROTLI ? TERSER? JS? ???? ??? ????? ???? ?? ???? ??? ? ? ??????. 4. ??? ???? ???? day.js ? fetch? ?? ?? ?????? ??????.
