O que significa o termo 'renderizar' no ReactJS (como renderizar um componente)?

Em poucas palavras, renderizar é o processo de transformar seus componentes de reação em nós DOM (Document Object Model) que seu navegador pode entender e exibir na tela.

A manipulação de DOM é extremamente lenta. Em contraste, a manipulação de elementos React é muito, muito mais rápida. React aproveita ao máximo isso criando uma representação virtual de como o DOM deve ser chamado de DOM Virtual[1].

Quando você fizer qualquer alteração no seu aplicativo React em execução, como digitar texto, remover um elemento, adicionar um elemento, etc, React irá agrupar todas essas alterações em seu DOM Virtual, então comparar essa representação com o DOM real, encontrar o que precisa ser atualizado, e então fazer as menores alterações possíveis no DOM real para mantê-los em sincronia enquanto mantém o aplicativo em execução.

Por último, vale a pena notar que o React se separa em 2 bibliotecas: a biblioteca principal do React e a biblioteca do ReactDOM. A biblioteca React trata de toda a criação e manipulação de elementos enquanto a biblioteca ReactDOM é a única encarregada de renderizar esses elementos para o navegador. Esta separação de preocupações permite ao React não só segmentar o navegador, mas também qualquer outra plataforma.

Por exemplo, você pode escrever um aplicativo no React e depois transformá-lo em um aplicativo móvel nativo para iOS ou Android, usando a biblioteca reativa em vez do ReactDOM, ou construir um aplicativo de realidade virtual substituindo o ReactDOM pelo ReactVr. As possibilidades são infinitas desde que você possa escrever uma biblioteca para renderizar seus elementos ao alvo certo.

>p> Você pode saber mais sobre o React Native aqui[2], e sobre o React VR aqui[3].

Footnotes

[1] Como funciona o Virtual-DOM e a difusão no React - Gethyl George Kurian - Medium[2] React Native - Um framework para construir aplicativos nativos usando React[3] React VR | Um framework para construir aplicativos VR usando React