?? ?????? ??? ?????? ???? ????? ???? React ?? ??? ????? ?? ??? ???????. ? ??? ??? ?? ??? ????? ?? ?? ??? ????, ????? ???? ?? ????? ?? ??? ???? ?? ???? ???? ????. ? ?? ??? ???? ???? ?? ??? ???? ???? ?? ?? ?????? ? ?? ??? ?? ???? ? ??? ? ?? ??? ??? ?? ???? ???????.
??? ??? ? ?
- reactjs? ??(??? ?? ?? ?? ??? ??? ????)
- ????? ??????
?? ???? ? ??????
ReactJS ????? ReactJS ?? ?? ??? ???? ??? prop ???? ?? ????? ??????. Prop ???? ??? ??? ??? ????? ?? ?? ?? ??? ?? ? ?????. ???? ????? ???? ???? ??? ? ?? ?? ??? ? ?? ??? ??? ??? ??? ??? ? ????.
reactjs ????? ??? ???? ?? ????? ?????. ?? ?? ??? ? ??? ??? ? ???? ??? props? ?? ?? ???? ?? ????? ???? ?? ?????. ? ?? ?? ??????? ????? ???? ?? ????? ???? ????. json-tool ??? App.tsx? ?? ??????? ??? ? ?? DefaultLayout ????? ??????? ?????.
? ?? ?? ?
?? ????? ?? ?? ???????. ???? ?? ??? ??? ??? ??? ? ?? ?????????. ? ?? Reactjs ?? ????? ?????. ? ??????? ?? ?? ??? ??? ?? ?? ??? ???? ??? ??? ?????. ??????? ?? ???? ?? ??? ?? ??? ??? ? ????.
import { createContext, useContext, useState } from 'react' const ThemeContext = createContext('light') function Page() { const theme = useContext(ThemeContext) return ( <div> <p>current theme: {theme}</p> </div> ) } function App() { const [theme, setTheme] = useState('light') return ( <ThemeContext.Provider value={theme}> <button className={theme} onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')} > Toggle </button> <Page /> </ThemeContext.Provider> ) } export default App
? ???????? ?? ????? ? ?? ?? ?? ??? ????. App ?? ??? ?? ?? ?? ??? ?? ?? ??? ??("??" ?? "???")? ?????. ?? ?? ??? ??? ?? ?? ??? ???? ??? ???? ????. ??? ?? ??? App? ?? ?? ???? ?? ????? ???? ?? ??? ?????. ? ?? ??? ??? ???? ??? ???? ?? ?? ???? ?? ?????? ??? ?? ?????.
?? ????? ???? ?? ?? ??? ???? ??? ?? ?????.
???? ??
????? ?? ???????? ??? ?? ??? ???? ???? ???, ?? ??? ??? ???? ???? ???. ?? ?? ?? ?????? ?? ?? ?? ??? ???? ? ? ????. ? ???? ??? ?? ???? ???????. ?? ?????? ??? ??? ???? ???.
??? ??? ? ?? ???? ?????. ????? ?? ????? ?? ????? ????? ?? ????? ???.
?????
reactjs? ????? ???? ??? ?? ??? ???? ?? ? ?? ??? ??? ?????.
import { createContext, useContext, useState } from 'react' const ThemeContext = createContext('light') function Page() { const theme = useContext(ThemeContext) return ( <div> <p>current theme: {theme}</p> </div> ) } function App() { const [theme, setTheme] = useState('light') return ( <ThemeContext.Provider value={theme}> <button className={theme} onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')} > Toggle </button> <Page /> </ThemeContext.Provider> ) } export default App
ThemeContext?? ?? ??? ?? ??? ???? ??? ?? ???? ? ???? ???? ??? ????. ? ? ?? ??? ???? ? ?? ??? ??? ??? ??? ?? ? ?? ?????? ??? ???????. ??? ??? ?????, ??? ?? ???? ?? Reactjs ????? ????? ?? ???? ??? ??? ???? ???? ???. ? ?? ?????? vi.mock? vi.mock? ??? ?????. ? ?? ???? ????? ? ?? ???? ???? ???.
import { render, screen } from '@testing-library/react' import { Page } from './Page' describe('<Page />', () => { it('should render light as default theme', () => { render(<Page />) expect(screen.getByText('current theme: light')).toBeInTheDocument() }) })
?? ? ??? ?? ?? ??? ???? ??????? ????? ????. ?????? ?? ???? ???? ???? ?????. ??? ??? ?? ??? ????.
- ??? "??? ?? ?? ???? ???"? ???? Reactjs ????? ???? ????.
- ?? ????? ??? ???? ??? ???? ?? ??????.
- ??? ??? ? ?? ???? ???? ??????? ?? ??? ???? ????. ?? ??? ??? ??? ???? ??? ?? ????.
? ??? ??? ??? ??? GitHub?? ??? ? ????
????? ??
?? ?? ??? ??????? ????? ??? ??? ???? ?? ??????? ??? ????? ???? ????. TDD?? ? ?? ??? ??? ???? ??? ???? ??????? ?? ??? ???? ??? ? ????.
import { render, screen } from '@testing-library/react' import { Page } from './Page' import { useContext } from 'react' vi.mock('react', () => { return { ...vi.importActual('react'), useContext: vi.fn(), createContext: vi.fn() } }) describe('<Page />', () => { it('should render light as default theme', () => { vi.mocked(useContext).mockReturnValue('light') render(<Page />) expect(screen.getByText('current theme: light')).toBeInTheDocument() }) it('should render dark theme', () => { vi.mocked(useContext).mockReturnValue('dark') render(<Page />) expect(screen.getByText('current theme: dark')).toBeInTheDocument() }) })
? ?? ???? ?? ????? ?? ??? ????? ???.
import { render, screen } from '@testing-library/react' import App from './App' import userEvent from '@testing-library/user-event' describe('<App />', () => { it('should render toggle button', () => { render(<App />) expect(screen.getByText('Toggle')).toBeInTheDocument() }) })
????? ??? ?? ??:
import { render, screen } from '@testing-library/react' import App from './App' import userEvent from '@testing-library/user-event' describe('<App />', () => { it('should render toggle button', () => { render(<App />) expect(screen.getByText('Toggle')).toBeInTheDocument() }) it('should render light as default theme', () => { render(<App />) expect(screen.getByText('current theme: light')).toBeInTheDocument() }) })
? ??? ????:
- ??? ??? ???? ??? ? ?? ??? ???? ?????
- ??? ??? ???? ?? ???????? ???? ??? ?????
? ??? ??? ??? ??? GitHub?? ??? ? ????
? ?? ??? ???
? ????? ??? ??? ???? ? ?? ??? ???? ???????.
???? ????
????? ??? ??? ???? ??? ??? ??? ?????? ??????. props? ???? useContext? ??? ?????? ??? ?????? ???? ???? ???? ???. ?????? ???? ?? ??? ???? ?? ???? ????? ?????.
??? ?? ???? ???
reactjs? ???? ???? ?? ???? ?? ?? ????? ???? ???? ???????. ????? ?? ??? ???? ????? ??????.
??
? ?????? ??? ?? ?? ????? ???? ?? ??? ????? ???? ?? ???? ?? ??? ?? ??? ? ??? ??? ? ?? ??? ???? ???? ??? ???????. ????? ??? ????? ???? ??? ?? ??? ??? ???. ??? ??? ??? ??? ?? ??? ??? ?? ???? ??? ???? ???. ??? ???? ?? ???? ???? ?? ?? ????? ? ????.
??
- ??? ?? ???? ???
- ???? ????
- vitest? ???? ??? ?? ??? ???? ??? ?? ? ?????
- ?? ??? ???? ??? ?? ? ?????
- ??? ????? userEvent
?? ??
- ?? ????? ??? ???? ???? ? ??? ????? ???? ???.
- ? ?????? ??? ???? ??? ??? ??? ????. ?? ????? ?? ?? ?? ??? ?????.
??? ??? ??? ???? ??? ??? ???? React ??????? ????? ????? ? ? ????.
? ??? ReactJS ???? ??? - ??? ?? ???? ?? ?????. ??? ??? 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)

??? ??











Java ? JavaScript? ?? ?? ????? ??? ?? ?? ?? ???? ????? ?????. Java? ??? ? ??? ?????? ??? ???? JavaScript? ?? ? ??? ??? ?????.

JavaScriptCommentsareEnsentialformaining, ?? ? ???? 1) Single-LinecommentsERUSEDFORQUICKEXPLANATIONS.2) Multi-linecommentSexplaincleClexLogicOrprovidedEdeDDocumentation.3) inlineecommentsClarifySpecificPartSofcode.bestPractic

JavaScript?? ??? ??? ?? ? ? ?? ??? ???????. 1. ?? ??? ??? ???? ?? ??? ????. ISO ?? ???? ???? ???? ???? ?? ????. 2. ?? ??? ?? ???? ??? ?? ???? ??? ? ??? ? ?? 0?? ????? ?? ??????. 3. ?? ?? ???? ???? ???? ?? ?????? ??? ? ????. 4. Luxon? ?? ???? ???? ?????? ???? ?? ????. ??? ?? ???? ????? ???? ??? ????? ?? ? ????.

TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL

JavaScriptIspreferredforwebDevelopment, whithjavaisbetterforlarge-scalebackendsystemsandandandoidapps.1) javascriptexcelsincreatinginteractivewebexperiences withitsdynatureanddommanipulation.2) javaoffersstrongtypingandobject-Orientededededededededededededededededdec

javascriptassevenfundamentalDatatatypes : ??, ???, ??, unull, ??, ? symbol.1) ?? seAdouble-precisionformat, ??? forwidevaluerangesbutbecautiouswithfatingfointarithmetic.2) stringsareimmutable, useefficientconcatenationmethendsf

??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.

Java? JavaScript? ?? ????? ?????. 1. Java? ???? ???? ??? ? ??? ?????? ?????? ? ?? ???? ?????. 2. JavaScript? ?? ? ?? ?? ? ??? ?? ??? ???? ??? ? ?? ? ?? ?????.
