Re: GoLUG meeting: Google's Material Design - an Implementation in React

Steve Litt wrote on 2024-10-02 15:44:

> Ron from BCLUG demonstrates how to use open-source tools to get a
> modern and consistent website design that is engaging, responsive,
> and feature-rich.
> 
> He will show a mock-up conversion of an existing site written purely
> in HTML and CSS.
> 
> All work done in a text editor only, with imported MUI (Material UI) 
> components generously implemented.

For anyone who is interested in the results, here's the original site:

https://444domains.com

and a version in React with MUI (Material UI):

https://maow.net/react/444domains.com


Note the differences in methods of contacting Steve about a purchase 
(add to shopping cart, click cart icon in header, click "Checkout Now" 
and see the email pop-up).


Note also that posting a link to the React / MUI version in SMS/RCS, 
Facebook, LinkedIn, Nextcloud Talk / chat, iMessage, etc. will allow a 
preview of the website to be displayed? That's cool, thanks OpenGraph.



Is anyone interested in a primer on ReactJS for next meeting?


Some discussion around it recently, and I just wanted to point out that 
"Create React App" is *not* the way to bootstrap a new project - use 
`vite create myProject -- --template react` (from memory).

That'll avoid "dependency hell" due to react-scripts being no longer 
supported...