server-side-render-x

KO | EN

gitlite — search

#javascript #python #hacktoberfest #typescript #golang #machine-learning #deep-learning #nodejs #java #windows #awesome #security #ios #openai

server-side-render-x

(★ 42)

Modification of the core <ServerSideRender /> component for a better rendering experience.

server-side-render-x 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# New Server Side Render Component
The core WordPress component to render dynamic blocks (`<ServerSideRender />`) is not optimized and currently results in a poor user experience as demonstrated below (for the [Flexible FAQs](https://wpgoplugins.com/plugins/flexible-faqs/) block).

Notice how the *whole* block content area is replaced with a spinner whenever a block attribute is updated.

To address this issue, a new `<ServerSideRenderX />` component has been developed as a direct replacement for `<ServerSideRender />`. This new component is similar to the previous one except it uses the **previously rendered HTML as the placeholder**. This results in a *much* smoother transition between render states.

A spinner is also included along with the previous HTML as an indicator that the content is being updated.

## Usage

Add the `server-side-render-x.js` file to the relevant place in your plugin (e.g. `/src/block/components`) and include it in your code as you would for any other component.

Then implement the new component in exactly the same way as for `<ServerSideRender />`.

There's also an additional (optional) `prop` available to specify the location for the spinner:

The above value for `spinnerLocation` is the default value used internally, so you can leave this blank unless you need to specifically change it.

## More Details

For more details please see the full [blog post](https://wpgoplugins.com/an-improved-server-side-render-component-for-dynamic-wordpress-blocks/).

server-side-render-x

server-side-render-x 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

server-side-render-x

server-side-render-x 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README