Types of Rich Text Editors

In the previous post I explained what are RTEs and why are they used, in this post, I am going to throw some light on the types of RTEs, and will make you familiar with the sample content format.

https://fifo.im/p/35ghmd1uxln0

Rich Text Editor

In recent years, the field of Content Creation and Representation on Digital platforms has seen massive disruption.

This transition has shown how companies are racing to build the best experience for content creators in the enterprise domain and trying to find innovative ways to break the traditional molds of sharing and consuming content.

Statistics is the science of changing your mind.

Making decisions based on facts (parameters) is hard enough as it is, but -curses!- sometimes we don’t even have the facts we need. Instead, what we know (our sample) is different from what we wish we knew (our population). That’s what it means to have uncertainty.

Here is the statistics jargon cheatsheet...

Controlled and Uncontrolled Components

https://reactjs.org/docs/uncontrolled-components.html

Despite the fact that React's team recommends using controlled components, this is a choice to be made by the developer considering the use case, context, and purpose of implementing the form.

So let's understand the types of components

...and when to use them

Lazy loading

Lazy loading means that a component or a part of code must get loaded when it is required.

It is also referred to as code splitting and data fetching.

Why should you add width and height to an image?

If height and width are set, the space required for the image is reserved when the page is loaded.

However, without these attributes, the browser does not know the size of the image, and cannot reserve the appropriate space to it.

The effect will be that the page layout will change during loading.

...

Ways to implement Debounce

Refer to the previous post to understand what is debounce and when to use debounce.

In this thread🧵, we'll implement debounce in 2 different ways

...

In 2011, an issue popped up on Twitter's feed: when you scrolled down twitter's feed it became really slow and unresponsive.

Here's why...

Comparison between Offset and Token Pagination

Amazon uses offset-based pagination, notice the standard pagination with all page numbers you can click through 1 2 3 - 400.

GitHub uses token-based pagination, notice that instead of standard page numbers, they use Previous and Next buttons.

Introduction to Pagination

Pagination APIs are required to retrieve small chunks of data from a large table so that FE doesn't have to wait a long time to load a vast amount of data. Hence, this results in faster responses and smaller payloads.

Two of the most commonly used paginations are:

• Offset based pagination
• Token based pagination