Reactjs - Revision history

Lsokolowski1: /* Full stack with React */

2026-05-07T13:51:11Z

Full stack with React

← Older revision		Revision as of 13:51, 7 May 2026
Line 3,758:		Line 3,758:
	npm run dev		npm run dev
	<!-- npx create-next-app@latest --example with-xstate ftjrn -->		<!-- npx create-next-app@latest --example with-xstate ftjrn -->

			=== nextjs and simple restAPI ===
			<syntaxhighlight lang="bash">
			npx create-next-app --example api-routes-rest myarest
			</syntaxhighlight>

	=== nextjs and prefetching ===		=== nextjs and prefetching ===

2026-05-07T05:37:30Z

nextjs and prefetching

← Older revision		Revision as of 05:37, 7 May 2026
Line 3,761:		Line 3,761:
	=== nextjs and prefetching ===		=== nextjs and prefetching ===
	<syntaxhighlight lang="bash">		<syntaxhighlight lang="bash">
	npx create-next-app --example with-prefetching ~~with-prefetching-app~~		npx create-next-app --example with-prefetching myapp
	</syntaxhighlight>		</syntaxhighlight>

2026-05-07T05:30:47Z

Full stack with React

← Older revision		Revision as of 05:30, 7 May 2026
Line 3,758:		Line 3,758:
	npm run dev		npm run dev
	<!-- npx create-next-app@latest --example with-xstate ftjrn -->		<!-- npx create-next-app@latest --example with-xstate ftjrn -->

			=== nextjs and prefetching ===
			<syntaxhighlight lang="bash">
			npx create-next-app --example with-prefetching with-prefetching-app
			</syntaxhighlight>

	=== nextjs with redux ===		=== nextjs with redux ===

2026-05-07T05:19:37Z

Full stack with React

← Older revision		Revision as of 05:19, 7 May 2026
Line 3,750:		Line 3,750:
	* Examples		* Examples
	** <small>https://nextjs.org/ (mern.io deprecated..)</small>		** <small>https://nextjs.org/ (mern.io deprecated..)</small>
			** Router - <small>https://app-router.vercel.app/</small>
	* Installing - <small>https://nextjs.org/docs/app/getting-started/installation</small>		* Installing - <small>https://nextjs.org/docs/app/getting-started/installation</small>
	* '''Exercises'''		* '''Exercises'''

2026-05-07T05:17:03Z

Full stack with React

← Older revision		Revision as of 05:17, 7 May 2026
Line 3,787:		Line 3,787:
	<syntaxhighlight lang="bash">		<syntaxhighlight lang="bash">
	npx create-next-app --example with-mongodb-mongoose myams		npx create-next-app --example with-mongodb-mongoose myams
			</syntaxhighlight>

			=== nextjs with vitest ===
			<syntaxhighlight lang="bash">
			npx create-next-app --example with-vitest myavt
	</syntaxhighlight>		</syntaxhighlight>

2026-05-07T04:24:50Z

Full stack with React

← Older revision		Revision as of 04:24, 7 May 2026
Line 3,757:		Line 3,757:
	npm run dev		npm run dev
	<!-- npx create-next-app@latest --example with-xstate ftjrn -->		<!-- npx create-next-app@latest --example with-xstate ftjrn -->

			=== nextjs with redux ===
			<syntaxhighlight lang="bash">
			npx create-next-app --example with-redux myar
			</syntaxhighlight>

	=== nextjs with xstate ===		=== nextjs with xstate ===

2025-12-17T11:06:48Z

useId()

← Older revision		Revision as of 11:06, 17 December 2025
Line 2,911:		Line 2,911:
	<>		<>
	<input type="password" aria-describedby={passwordClueId} />		<input type="password" aria-describedby={passwordClueId} />
	<p id={passwordClueId}>		<p id={passwordClueId} />
	</>		</>
	)		)

2025-10-07T13:45:37Z

Pesel App

← Older revision		Revision as of 13:45, 7 October 2025
Line 794:		Line 794:
	#** Call ''SocNum'' component twice, with another trainer's details.		#** Call ''SocNum'' component twice, with another trainer's details.
	#** Wrap NIP stuff into another component, use context also there - provide another field ''Course Type''.		#** Wrap NIP stuff into another component, use context also there - provide another field ''Course Type''.
	#** Make context without default value (null). Fix types with optional chaining(''objVar?.prop1'').		#** Make context without default value (null). Fix types with optional chaining (''objVar?.prop1'').
	# '''Custom hook'''		# '''Custom hook'''
	#* Use custom hook to avoid testing the null		#* Use custom hook to avoid testing the null

2025-10-07T08:15:22Z

Main Exercises

← Older revision		Revision as of 08:15, 7 October 2025
Line 797:		Line 797:
	# '''Custom hook'''		# '''Custom hook'''
	#* Use custom hook to avoid testing the null		#* Use custom hook to avoid testing the null
	#** <~~a href="~~https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/context~~">Helper~~</a>		#** Helper: <small>''https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/context''</small>
	#* Compare with type assertion as an alternative.		#* Compare with type assertion as an alternative.
	</div>		</div>

2025-10-07T08:14:15Z

Pesel App

← Older revision		Revision as of 08:14, 7 October 2025
Line 797:		Line 797:
	# '''Custom hook'''		# '''Custom hook'''
	#* Use custom hook to avoid testing the null		#* Use custom hook to avoid testing the null
	#** [[https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/context\|Helper]]		#** <a href="https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/context">Helper</a>
	#* Compare with type assertion as an alternative.		#* Compare with type assertion as an alternative.
	</div>		</div>