React - Revision history

M at 22:18, 25 November 2023

2023-11-25T22:18:20Z

← Older revision		Revision as of 22:18, 25 November 2023
Line 3:		Line 3:
	It can stumble through reactivity when combined with bootstrap to give mediocre mobile support with moderate code changes (I don't love bootstrap on phones, tbh).		It can stumble through reactivity when combined with bootstrap to give mediocre mobile support with moderate code changes (I don't love bootstrap on phones, tbh).

	== [https://bitpost.com/news/2023/2023-d3-reactive-responsive-skeleton/ 2023 ~~Metaframework] ==~~		My meta framework of choice is [[Vite]]. I used it to develop a [https://bitpost.com/news/2023/2023-d3-reactive-responsive-skeleton/ 2023 D3 skeleton project].

	* I insist on fully responsive single-page-application websites.
	* I like D3~~. A lot.~~
	* I like Bootstrap.
	* I need a production build with polyfill, so I can write modern JavaScript code once and have it work ANYWHERE like magic.
	* I want a production build with minification and tree shaking of module dependencies to minimize my website load time.
	* I like the fastest possible development loop when tweaking the web UI.

	~~With this in mind, I developed a Vite~~ skeleton ~~with all my tools built in~~.

	== Patterns ==		== Patterns ==

M at 18:13, 9 September 2023

2023-09-09T18:13:05Z

← Older revision		Revision as of 18:13, 9 September 2023
Line 1:		Line 1:
	React is a medium-sized framework that is a great fit for developing front ends. It combines HTML, JavaScript, (S)CSS into JSX Components that track "props and state". It can increase your website development productivity pretty quickly. Especially with the addition of npm modules, which literally do everything under the Sun. (like, four times over, sadly...)		React is a medium-sized framework that is a great fit for developing website front ends. It combines HTML, JavaScript, (S)CSS into JSX Components that track "props and state". It can increase your website development productivity pretty quickly. Especially with the addition of npm modules, which literally do everything under the Sun. (like, four times over, sadly...)

			It can stumble through reactivity when combined with bootstrap to give mediocre mobile support with moderate code changes (I don't love bootstrap on phones, tbh).

	== [https://bitpost.com/news/2023/2023-d3-reactive-responsive-skeleton/ 2023 Metaframework] ==		== [https://bitpost.com/news/2023/2023-d3-reactive-responsive-skeleton/ 2023 Metaframework] ==

M at 19:27, 12 August 2023

2023-08-12T19:27:38Z

← Older revision		Revision as of 19:27, 12 August 2023
Line 23:		Line 23:
	npm remove no-longer-needed-component		npm remove no-longer-needed-component
	* Bootstrap works well for breakpoint-based management of 12 columns; direct use of flex and grid is MUCH more powerful and should be considered for any complex layout		* Bootstrap works well for breakpoint-based management of 12 columns; direct use of flex and grid is MUCH more powerful and should be considered for any complex layout

			== Issues ==
			* I built an Array of objects with some JSX. It would NOT allow me to use find() on it. Weird.

M: /* 2023 Metaframework */

2023-07-22T23:07:03Z

2023 Metaframework

← Older revision		Revision as of 23:07, 22 July 2023
Line 1:		Line 1:
	React is a medium-sized framework that is a great fit for developing front ends. It combines HTML, JavaScript, (S)CSS into JSX Components that track "props and state". It can increase your website development productivity pretty quickly. Especially with the addition of npm modules, which literally do everything under the Sun. (like, four times over, sadly...)		React is a medium-sized framework that is a great fit for developing front ends. It combines HTML, JavaScript, (S)CSS into JSX Components that track "props and state". It can increase your website development productivity pretty quickly. Especially with the addition of npm modules, which literally do everything under the Sun. (like, four times over, sadly...)

	== 2023 Metaframework ==		== [https://bitpost.com/news/2023/2023-d3-reactive-responsive-skeleton/ 2023 Metaframework] ==

	* I insist on fully responsive single-page-application websites.		* I insist on fully responsive single-page-application websites.

M: /* Patterns */

2023-02-26T19:26:28Z

Patterns

← Older revision		Revision as of 19:26, 26 February 2023
Line 22:		Line 22:
	npm i --dev newly-needed-dev-only-component		npm i --dev newly-needed-dev-only-component
	npm remove no-longer-needed-component		npm remove no-longer-needed-component
			* Bootstrap works well for breakpoint-based management of 12 columns; direct use of flex and grid is MUCH more powerful and should be considered for any complex layout

M: /* Patterns */

2023-02-24T19:26:49Z

Patterns

← Older revision		Revision as of 19:26, 24 February 2023
Line 15:		Line 15:

	* Use ES6 modules, destructuring/spread, functional components		* Use ES6 modules, destructuring/spread, functional components
			* Precisely use Promises and async/await to accomplish [https://github.com/moodboom/Reusable/blob/master/JavaScript/scrap/promises.js CHAIN, PARALLEL, and BATCH processing]
	* Understand and abide by PROP and STATE best practices		* Understand and abide by PROP and STATE best practices
	* Add and remove modules properly using npm rather than editing package*.json		* Add and remove modules properly using npm rather than editing package*.json

M: /* Patterns */

2023-02-24T18:41:45Z

Patterns

← Older revision		Revision as of 18:41, 24 February 2023
Line 16:		Line 16:
	* Use ES6 modules, destructuring/spread, functional components		* Use ES6 modules, destructuring/spread, functional components
	* Understand and abide by PROP and STATE best practices		* Understand and abide by PROP and STATE best practices
			* Add and remove modules properly using npm rather than editing package*.json
			npm install # on new environments
			npm i --save newly-needed-component
			npm i --dev newly-needed-dev-only-component
			npm remove no-longer-needed-component

M: Created page with "React is a medium-sized framework that is a great fit for developing front ends. It combines HTML, JavaScript, (S)CSS into JSX Components that track "props and state". It ca..."

2023-02-23T23:30:43Z

Created page with "React is a medium-sized framework that is a great fit for developing front ends. It combines HTML, JavaScript, (S)CSS into JSX Components that track "props and state". It ca..."

New page

React is a medium-sized framework that is a great fit for developing front ends. It combines HTML, JavaScript, (S)CSS into JSX Components that track "props and state". It can increase your website development productivity pretty quickly. Especially with the addition of npm modules, which literally do everything under the Sun. (like, four times over, sadly...)

== 2023 Metaframework ==

* I insist on fully responsive single-page-application websites.
* I like D3. A lot.
* I like Bootstrap.
* I need a production build with polyfill, so I can write modern JavaScript code once and have it work ANYWHERE like magic.
* I want a production build with minification and tree shaking of module dependencies to minimize my website load time.
* I like the fastest possible development loop when tweaking the web UI.

With this in mind, I developed a Vite skeleton with all my tools built in.

== Patterns ==

* Use ES6 modules, destructuring/spread, functional components
* Understand and abide by PROP and STATE best practices