{"docsConfig":{"theme":"maple","$schema":"https://mintlify.com/docs.json","name":"You Học Code","description":"Học code dễ dàng qua những bài blog ôn tập.","colors":{"primary":"#2323FF","light":"#0000FF","dark":"#3E51C9"},"logo":{"light":"https://mintcdn.com/youhoccode/S4GEtBe-yY2k64VL/logo/light.svg?fit=max\u0026auto=format\u0026n=S4GEtBe-yY2k64VL\u0026q=85\u0026s=ad75af2a199c55816f1077627b0d93e3","dark":"https://mintcdn.com/youhoccode/S4GEtBe-yY2k64VL/logo/dark.svg?fit=max\u0026auto=format\u0026n=S4GEtBe-yY2k64VL\u0026q=85\u0026s=3b4c1f55a6a495335ec086041cad0d67"},"favicon":"https://mintcdn.com/youhoccode/S4GEtBe-yY2k64VL/favicon.ico?fit=max\u0026auto=format\u0026n=S4GEtBe-yY2k64VL\u0026q=85\u0026s=c191027d42f065614a74919f35934dac","navbar":{"links":[{"href":"/it-security/access-requests","label":"Submit IT ticket"}],"primary":{"type":"button","label":"Employee portal","href":"https://dashboard.mintlify.com"}},"footer":{"socials":{"x":"https://x.com/yourcompany","linkedin":"https://linkedin.com/company/yourcompany"}},"fonts":{"family":"Space Grotesk"},"icons":{"library":"lucide"},"integrations":{"ga4":{"measurementId":"G-4N0LP4542T"}},"contextual":{"options":["copy","view","assistant"],"display":"header"},"metadata":{"timestamp":true},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"youhoccode","hasAudioNarration":false,"actualSubdomain":"youhoccode","customDomains":["www.youhoc.com"],"gitSource":{"type":"github","owner":"brvnnghi","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a6448e3d155f90de2f29901","collectionId":"955c7c50-6f12-422c-925f-8a9fe21d32b7","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6a6448e3d155f90de2f29901"},"feedback":{"thumbs":true,"edits":false},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6a6448e3d155f90de2f29901:success","clientVersion":"0.0.3883","searchFilterCounts":[{"language":"default","tag":"Next.js","count":13},{"language":"default","tag":"Cơ bản","count":12},{"language":"default","tag":"Nâng cao","count":7},{"language":"default","tag":"React","count":7},{"language":"default","tag":"Typescript","count":7},{"language":"default","tag":"Giới thiệu","count":4},{"language":"default","tag":"Javascript","count":2},{"language":"default","tag":"Home","count":1},{"language":"default","tag":"Kinh nghiệm","count":1}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-branches-v2-autocommit","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-branches-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"teamspace","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"client-snapshot-docs-config","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"isAtlas":false,"googleFontsInlined":true},"customCss":[{"filePath":"style.css","content":"li.toc-item a{text-align:left!important}li.toc-item ul li.toc-item a{justify-content:flex-start}"}],"page":{"pagePath":"react","slug":"/react","pageMetadata":{"title":"Tổng quan","description":null,"href":"/react/index"},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{jsx:_jsx}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={p:`p`,..._provideComponents(),...props.components};return _jsx(_components.p,{children:`React trong năm 2026 có gì mới?`})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Tổng quan","description":null,"href":"/react/index"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":[],"subdomain":"youhoccode","siteName":"You Học Code","title":"Tổng quan - You Học Code","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-07-25T05:26:12.736Z","gitLastModified":"2026-06-05T11:55:46.000Z","originalFileLocation":"react/index.mdx"},"headHtml":"\u003cmeta data-mint-head name=\"application-name\" content=\"You Học Code\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/x-icon\" sizes=\"180x180\" href=\"https://mintcdn.com/youhoccode/S4GEtBe-yY2k64VL/favicon.ico?fit=max\u0026amp;auto=format\u0026amp;n=S4GEtBe-yY2k64VL\u0026amp;q=85\u0026amp;s=c191027d42f065614a74919f35934dac\">\u003clink data-mint-head rel=\"icon\" type=\"image/x-icon\" sizes=\"32x32\" href=\"https://mintcdn.com/youhoccode/S4GEtBe-yY2k64VL/favicon.ico?fit=max\u0026amp;auto=format\u0026amp;n=S4GEtBe-yY2k64VL\u0026amp;q=85\u0026amp;s=c191027d42f065614a74919f35934dac\">\u003clink data-mint-head rel=\"icon\" type=\"image/x-icon\" sizes=\"16x16\" href=\"https://mintcdn.com/youhoccode/S4GEtBe-yY2k64VL/favicon.ico?fit=max\u0026amp;auto=format\u0026amp;n=S4GEtBe-yY2k64VL\u0026amp;q=85\u0026amp;s=c191027d42f065614a74919f35934dac\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"https://mintcdn.com/youhoccode/S4GEtBe-yY2k64VL/favicon.ico?fit=max\u0026amp;auto=format\u0026amp;n=S4GEtBe-yY2k64VL\u0026amp;q=85\u0026amp;s=c191027d42f065614a74919f35934dac\">\u003cmeta data-mint-head property=\"og:title\" content=\"Tổng quan - You Học Code\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"You Học Code\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://www.youhoc.com/react\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Tổng quan - You Học Code\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"https://mintlify.s3.us-west-1.amazonaws.com/youhoccode/_generated/favicon/browserconfig.xml?v=3\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"You Học Code\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#2323FF\">\u003clink data-mint-head rel=\"canonical\" href=\"https://www.youhoc.com/react\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/react.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://www.youhoc.com/#organization\",\"name\":\"You Học Code\",\"url\":\"https://www.youhoc.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/youhoccode/S4GEtBe-yY2k64VL/logo/light.svg?fit=max\u0026auto=format\u0026n=S4GEtBe-yY2k64VL\u0026q=85\u0026s=ad75af2a199c55816f1077627b0d93e3\"}},{\"@type\":\"WebSite\",\"@id\":\"https://www.youhoc.com#website\",\"name\":\"You Học Code\",\"url\":\"https://www.youhoc.com\",\"publisher\":{\"@id\":\"https://www.youhoc.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://www.youhoc.com/react#webpage\",\"url\":\"https://www.youhoc.com/react\",\"name\":\"Tổng quan\",\"dateModified\":\"2026-06-05T11:55:46.000Z\",\"isPartOf\":{\"@id\":\"https://www.youhoc.com#website\"}},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://www.youhoc.com/react#article\",\"headline\":\"Tổng quan\",\"name\":\"Tổng quan\",\"url\":\"https://www.youhoc.com/react\",\"mainEntityOfPage\":{\"@id\":\"https://www.youhoc.com/react#webpage\"},\"dateModified\":\"2026-06-05T11:55:46.000Z\",\"publisher\":{\"@id\":\"https://www.youhoc.com/#organization\"},\"isPartOf\":{\"@id\":\"https://www.youhoc.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"You Học Code\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"You Học Code","nav":{"global":null,"tabs":[{"tab":"Home","icon":"house","pages":[{"title":"Home","href":""}]},{"tab":"Javascript","pages":[{"title":"Javascript","href":"/javascript"}]},{"tab":"React","icon":"atom","pages":[{"title":"Tổng quan","href":"/react"},{"title":"Hiểu gốc rễ của React","sidebarTitle":"Hiểu gốc rễ của React","description":null,"href":"/react/low-level-react"},{"group":"Cơ bản","pages":[{"title":"Hiểu React Component cơ bản với Rating App","sidebarTitle":"Hiểu React Component","href":"/react/react-component"},{"title":"Thay đổi giao diện với State và useState (phần 1)","sidebarTitle":"State và useState","href":"/react/state-usestate"},{"title":"Thay đổi giao diện với State và useState (phần 2)","sidebarTitle":"State Lifting với Props","href":"/react/state-lifting-props"},{"title":"Thay đổi giao diện với State và useState (phần 3)","sidebarTitle":"State và Conditional Rendering","href":"/react/state-modal-conditional-rendering"},{"title":"useEffect: Hiểu đúng để dùng đúng","sidebarTitle":"useEffect cơ bản","href":"/react/useeffect-basics"}]}]},{"tab":"Typescript","icon":"type-outline","pages":[{"title":"Typescript","href":"/typescript"}]},{"tab":"Next.js","icon":"antenna","pages":[{"title":"Next.js","href":"/next-js"}]}]},"title":"Tổng quan - You Học Code","buildId":"dpl_37ZDLJcyt8yhrTVF6LiYvX7LvmXB","deploymentId":"dpl_37ZDLJcyt8yhrTVF6LiYvX7LvmXB","dynamics":[],"chunks":[]}
