Dummy example of using a React ref This example is useless and to the end user seems functionally equivalent to react/hello.html.

It does however serve as a good example of what react does that is useful: it provides a "clear" separation between state and render code (which becomes once again much less clear in React function components.

Notably, this example is insane because at:we are extracing state from some random HTML string rather than having a clean JavaScript variable containing that value.

In this case we managed to get away with it, but this is in general not easy/possible.

React function component version of react/ref-click-counter.html using useRef.

React function components do produce shorter code. But they are also impossible to understand without knowing what is their corresponding class component.

Hooks were introduced much after classes, and just require less code, so everyone is using them now instead of classes.

This should only be used for things that happen outside of the state that React trackes, e.g. window event handlers.

Examples:

Framework built on top of React.

Officially recommended by React^[ref]:

gothinkster/realworld blog example by Ciro Santilli: node Express Sequelize Next.js realworld example app.

Basically what this does is to get server-side rendering just working by React, including hydration, which is a good thing.

Next.js sends the first pre-rendered HTML page along with the JavaScript code. Then, JavaScript page switches just load the API data.

Next.js does this nicely by forcing you to provide page data in a serialized JSON format, even when rendering server-side (e.g. the return value of getServerSideProps). This way, it is also able to provide either the full HTML, or just the JSON.

Some general downsides:

In theory, Next.js could be the "ultimate frontend framework". It does have a lot of development difficulties that need to be ironed out, but the general concepts, and things it tries to integrate, including e.g. webpack, TypeScript, etc. are good. Maybe the question is when will someone put it together with an amazing backend library and dominate and finally put an end to the infinite number of Js Frameworks!

In-tree examples at: github.com/vercel/next.js/tree/canary/examples

canary is their master: github.com/vercel/next.js/issues/3211

In order to offer its amazing features, Next.js is also extremely opinionated, which means that if something wasn't designed to be possible, it basically isn't.

No prerender with custom server? It forces you to write your API with next as well? Or does it mean something else?

TODO can it statically generate pages that are created at runtime? E.g. if I create a new blog post, will it automatically upload a static page? It seems that yes, and that this is exactly what Incremental Static Regeneration means:However, Ciro can't find any mention of how to specify where the pages are uploaded to... this is pat of the non-Vercel deployment problem.

Can't ISR prerenter by URL query parameters:That plus the requirement to have one page per file under pages/ leads to a lot of useless duplication, because then you are forced to place the URL parameters on the pathnames.

"Module not found: Can't resolve 'fs'" Hell. The main reason this happens seems to be the that in a higher order component, webpack can't determine if callbacks use the require or not to remove it from frontend code. Fully investigated and solved at:

Overviews:

TODO answer:

Our examples are located under nodejs/next:

Solved ones:

Born: 1965

Died: 2010+-ish

This is the lowest level of abstraction computer, at which the basic gates and power are described.

At this level, you are basically thinking about the 3D layered structure of a chip, and how to make machines that will allow you to create better, usually smaller, gates.

The Vogelfluglinie, which translates to "Bird Flight Line" in English, is a popular scenic route that connects the German mainland to the Danish island of Funen. The name refers to the route taken by birds in migration, emphasizing the idea of a straightforward path across water, similar to how birds might fly. The route spans approximately 160 kilometers and includes a ferry crossing between Puttgarden in Germany and Rødbyhavn in Denmark.

Warkworth & District Museum is a local museum located in Warkworth, New Zealand. It serves to preserve and showcase the history and heritage of the Warkworth area and its surrounding districts. The museum typically features a range of exhibits that highlight various aspects of local history, including early European settlement, Maori heritage, and the development of the region over time. The museum might include artifacts, photographs, documents, and displays related to the local community, agriculture, industry, and cultural history.

"Glass stubs" can refer to several contexts depending on the field in which it is used. Here are a few possibilities: 1. **Laboratory Equipment**: In a laboratory setting, glass stubs may refer to small glass structures used for mounting samples for microscopic examination. These stubs are typically coated with a conductive material for electron microscopy.

The history of glass dates back thousands of years and reflects the evolution of technology, art, and culture across various civilizations. Here’s an overview of its development through time: ### Ancient Beginnings (Circa 3500 BCE) - **Mesopotamia and Egypt:** The earliest known glass artifacts date back to around 3500 BCE in Mesopotamia and Egypt. These early forms were primarily used for making small beads and ornamental objects rather than for containers or windows.