Posts

Showing posts with the label NextJs

Notes: First Steps with React

First Steps with React by Mike Mathews - Nov. 14, 2023 Event: ReactJs Dallas ( https://www.meetup.com/reactjsdallas/ ) Speaker: Mike Mathews Date: Nov. 14, 2023      I was amazed that Mike did the talk with no outline.  As an expert, he just knew React so well that it did not bother him to wing it.     Overall, Mike was suggesting to NOT use the older commands since they were created nine years ago and have not been extended.  These older commands are:           npm create-react-app myAppName           npm create-react-component myComponentName    His suggestions to create a React application were: 1) Next.js, 2) Remix, 3) Gatsby (CMS) (that he used), 4) and Expo (for React Native apps).    Also, Mike talked about in general terms the challenges of getting the environment setup such as the npm or npx. Not in Talk   Overall the talk brought up a lot of libraries I ...

NextJs & ReactJs

 NEXT JS - 4 stars from EBW https://github.com/LinkedInLearning/learning-nextjs-2491193   b  = begin   e  = end lipsum.com reactjs.org    Client-side rendering CSR Jamstack    1) Pre-rendering 2) decoupled        NEW FEATURE in Next.JS - "Fast refresh" - Example: say counter=5 will change the style. So keeps state so no need to refresh if was 5 and change style. Example 2: Would help auth and other types of state. nextjs.org - by Vercel - subset of Jamstack    Server-side rendering SSR  (a.k.a. hydration)    benefit: fast development, flexible and responsive, zero config, rich user experience, SEO, site performance nodejs.org/en/ - dependency on 12.20 or later React developer tools: https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en npm or yarn to create npx pages/index.js  (say Route: http://localhost:3000/ ) pages/hello.js  (say Route:...