News for hackers. Stuff that matters.

A comment on A brief history of web development. And why your framework doesn't matter. Parent comment

Re:A brief history of web development. And why your framewor... by n3storm on Monday April 29, 2024 @01:59AM (#40194944)
No it is not. Same as videogames generate scenes and videocards render those scenes.

Render is the final step presented to user. Users do not see HTML, they see text, boxes with background colors, buttons, those are html elements rendered for visual consuption.

[ Parent | on HN ]
Re:A brief history of web development. And why your framewor... by samsin on Monday April 29, 2024 @02:27AM (#40195117)
In React, 'rendering' means creating the DOM nodes and 'painting' refers to browser rendering [1]. So with server-side rendering the DOM nodes are 'rendered' by the server and the browser 'paints' it.

[1] https://react.dev/learn/render-and-commit

[ Parent | on HN ]
Re:A brief history of web development. And why your framewor... by mewpmewp2 on Monday April 29, 2024 @02:20AM (#40195069)
In the whole React ecosystem render is used as a keyword to produce HTML/DOM abstractions though. For example class based components having the render function.

The rendering you mention never happened anywhere in the React JS code. Browser did the rendering internally.

[ Parent | on HN ]
Re:A brief history of web development. And why your framewor... by DeathArrow on Monday April 29, 2024 @02:57AM (#40195325)
>the whole React ecosystem

Web is much more than the React "ecosystem".

[ Parent | on HN ]
Re:A brief history of web development. And why your framewor... by mewpmewp2 on Monday April 29, 2024 @02:58AM (#40195337)
Other libs/frameworks also use the word render. E.g. https://vuejs.org/guide/extras/rendering-mechanism.html
[ Parent | on HN ]
Re:A brief history of web development. And why your framewor... by n3storm on Monday April 29, 2024 @05:32AM (#40196301)
those steps could be understood as pre-renders:

from js class to dom objects => pre render 1 from dom to html => pre render 2 from html to display graphics => final render

[ Parent | on HN ]