The strongest "practical" front-end drag and drop component of Atlassian open source: excellent performance and compatibility, cross window drag support, applicable to any front-end framework - OSCHINA - Chinese open source technology exchange community

The strongest "practical" front-end drag component in the open source of Atlassian: excellent performance and compatibility, cross window drag support, applicable to any front-end framework

Source: OSCHINA

Edit: game

2024-04-25 10:47:28

zero

Pragmatic drag and drop is a front-end drag component, which is open source by the well-known software development company Atlassian.

As the Pragmatic ("practical") in its name says, this component supports many drag scenarios, attaches great importance to performance, and becomes safe and simple by using the browser's powerful and flexible built-in drag function.

At present, the core products of Atlassian, such as Trello, Jira and Confluence, all use Pragmatic drag and drop.

Before Pragmatic drag and drop, Alex Reardon, the author of this component, also created another popular React open source drag component react-beautiful-dnd 。

In contrast, Pragmatic drag and drop supports more drag scenes:

list
panel
form
tree
Grids
Drawing
Resizing

The following figure shows the operational effects of Pragmatic Drag and Drop in different scenes:

Pragmatic drag and drop also supports the use in any front-end framework (such as React, Svelte, Vue, Angular), which is not limited by the specific technology stack.

The writing method used in different frameworks is as follows:

React
Svelte
JS

Compared with other open source drag components of the same type, the Pragmaticdrag and drop core package after compression is more lightweight, only 4.7 kb.

In terms of performance, compare the following open source frameworks of the same type:

react-beautiful-dnd
react-dnd
dnd-kit

The TTI index of Pragmaticdrag and drop can be described as "far ahead".

TTI: Time to Interactive， Interactive time. This indicator is mainly used to measure the time required for a page to be loaded from the beginning to the completion of rendering of the main sub resources, and to respond quickly and reliably to user input.

Reference link

https://www.youtube.com/watch?v=5SQkOyzZLHM

https://atlassian.design/components/pragmatic-drag-and-drop/about

https://mp.weixin.qq.com/

Yoona520 2024-05-17 16:34

Zhou Hongyi is now living more and more like a clown. If he stays behind the scenes, he has to become an online celebrity. Can you learn from Lei Jun?

Ma Nong Little Fatty Brother 2024-05-16 14:40

I give you six seconds. I give you six moves with the same effect in the martial arts contest, which shows the invincibility and confidence of the master

Shuimu Yi'an 2024-05-20 09:58

The news should be read continuously. I'm waiting for the third news besides rustdesk and teamviewer. Localized remote desktop software is far ahead.

Xiao Xu Middle aged 2024-06-08 10:12

First place in making money!! Money and treasures will be plentiful

gamedot 2024-05-17 11:14

Old Zhou is deeply concerned about Huawei's great cause of open source. He is not a Huawei person, but has Huawei's soul.

One code Yma 2024-05-06 09:14

My technical article was moved by CSDN. Why didn't anyone step on the sewing machine? This kind of report is a joke to me. The monsters with background are fine, and the monsters without background fight to death

kangert 2024-06-09 20:10

Really need to practice

GDWhisperer 2024-05-15 17:23

I transferred tens of thousands of yuan to my own account, which was under risk control. How did I do this? The bank should be responsible for this**

SnailJob 2024-06-09 09:13

Yes, please continue to follow Snail Job

zoujiaqing 2024-06-07 21:21

Spring boot was not updated last year

Xiao_f 2024-06-07 22:59

One thing to say, compared with other domestic manufacturers, Qwen's relaxed licensing fully demonstrates the style of a large factory

Yeah, for 2024-05-17 13:42

That's too right. Old Zhou can't control Google, but he can control 360. Do not do to others what you do not want. All 360 products should be opened first.

Francesca 2024-06-10 16:19

Be ignorant. This thing has a long history. It is used for scientific computing and has high performance

infoworld 2024-05-11 15:12

Universities should use open source free software instead of commercial ones. In this way, hands and feet will not be tied technically.

Small and beautiful software development 2024-06-08 23:03

It's mainly about waist training

Francesca 2024-05-19 18:00

Wine runs the Android emulator of Windows. Chrome OS is installed in the Android emulator. Linux environment is installed in chrome OS. Linux environment is installed in the Linux environment. Wine is installed in the Android emulator

zhangleijie 2024-06-08 10:08

pretty good

zhuzhua 2024-05-21 10:08

I'm laughing to death. Those who have been deeply kidnapped dare not pay? Who will use the domestic open source framework of small companies in the future will be 213!!! Wait for harvesting later

generation

Code e person 2024-06-09 10:03

Prepare the next project and try it

Kevin586 2024-06-08 14:41

Dream is garbage, which can also be listed and refresh my cognition

Francesca 2024-06-09 13:21

But the end of closed source must be open source, because many people who are dissatisfied with closed source have created open source, so the end of open source is not necessarily closed source, but to find a business model that is open source= Free Admission

Single structure 2024-05-11 10:09

Selected as Open Source China's disgrace pillar

Chief taxi captain 2024-05-17 11:17

I suggest that 360 open source all its products, and then become the leading enterprise in the domestic open source industry through open source, leading everyone to compete with foreign enterprises

yh2216 2024-06-09 23:03

I remember saying that one year C++was the language of the year,

Ding Yun H 2024-06-07 20:44

There is no querydsl. Since querydsl was used, I can't look at other forms anymore

Bright 2024-05-19 23:25

What a fool! I killed myself. How can people deal with me later.

zzeric 2024-04-28 20:01

Although France is the parent community, the core developers of OCCT on github are all Russians. Without Russians, the French parent community cannot continue to operate. So Huawei took over, moved to China, changed its name and resumed open source and community operations. What's the problem?

MrChen89 2024-04-29 09:18

There are a group of people like this. I don't know what they have experienced. When it comes to HW, I can't say anything good, even if it's neutral

muwanqing123 2024-06-09 08:28

Bullshit authentication

oldpig 2024-04-28 09:59

”Huawei contributed all the source code "?, the title is completely inconsistent with the content.

golyu 2024-06-10 14:45

If only this was the library of solidjs

CodeDoger 2024-05-02 20:48

35 It's too old to go to work and too early to retire at 60

osc_92224065 2024-04-29 10:57

Long term oppressed outsourcing of state-owned enterprises

Ai East 2024-06-10 19:11

Absolutely easy to use

brucepapa 2024-06-09 21:02

I also have several backaches... After a few days of exercise, it will be much better to focus on stretching the back muscles.

pan3793 2024-06-07 22:26

Let AI give AI a score

iVista 2024-06-10 18:13

I was blinded by the math test

One code Yma 2024-05-09 09:58

Recently, I often go to interviews. People who hate Ali background most regard me as a fool, even though I am a fool

Xiao Xu Middle aged 2024-06-10 07:05

Learn

abeet 2024-06-08 20:38

There are no pictures, for fear that we will learn, right

Xiao Xu Middle aged 2024-06-08 12:43

Do AI functions need networking? Will it be 404?

Li Yinghui 2024-05-09 16:40

Buddhism has a good word, evil opinion. In dealing with the world, it is meaningless to draw conclusions from preset positions; It is also important to receive good logic training.

zoujiaqing 2024-06-07 21:22

I dare not use it

sunday12345 2024-05-15 18:31

What does the bank do? It's blamed on the remote desktop. Persimmons really pick up soft pinches~?

-SORA- 2024-04-30 17:07

When this happened in a foreign country, the comment area suddenly became very objective and rational**

osc_27546117 2024-06-09 22:36

Learned electric programming and expected its progress

kakai 2024-05-10 10:21

The world only knows that Android was created by Google. Several people know that Android is only a product acquired by Google. Similarly, what is the problem with Huawei's contribution to the collection of OGG open source work and integration into its own proprietary product line?

yh2216 2024-06-09 13:15

Like c++

kangert 2024-06-09 20:07

The problem of docker hub is very uncomfortable

Xiaoxia cat ball 2024-06-09 21:29

Very good, come on

Qin Liming 2024-05-11 09:12

be devoid of any sense of shame

Monkeys think of apes 2024-05-31 18:31

You can cheat your brother. Just don't cheat yourself

lyh97157268 2024-06-09 20:58

osc_566335 2024-04-28 14:44

This is also called floor washing? Does it mean that Tesla will not wash the floor if it releases all the source code? Some people HWptds? That is to say, the language is ambiguous, which will also rise to the washing ground? Are some people too focused? Think the people he pays attention to must be staring at?

Happy LeapFrog 2024-05-18 09:18

But the question is: "What's the use of this for ordinary Android users?" Now the answer seems to be: "Almost nothing.".

monkey_cici 2024-05-09 00:25

My I9 CPU, 64GB memory module and 3080Ti computer are inferior to the top configuration of 19999 on a tablet

H Fine water and long flow H 2024-06-10 09:39

I haven't heard about whether fartran has paid. I'm in the top ten

Wang Zheng 2024-06-08 09:46

You said, "All the tests are graduate students" and smiled. I don't know my level is low.

xiaoqibabby 2024-05-15 17:36

The bank is strongly required to be responsible for

zhy 2024-05-16 13:16

At the end of Shannon is Nong

The strongest "practical" front-end drag component in the open source of Atlassian: excellent performance and compatibility, cross window drag support, applicable to any front-end framework

Hot content

Popular comments of the whole site

Hot News

Excellent column

How do programmers get started with AI application development?

Talk about Unity and Native Bridging

How to Use Excelize to Process Excel Office Documents Efficiently

Is JIT really faster than interpretation and execution? Some hot topics about JS engine

From 0 to 1: Full strategy for the implementation of multi intelligent body framework for advertising marketing

Source Code Analysis of Bookie Storage Architecture | Get Things Technology

Hot software

OSCHINA Community

Online tools

Introduction

QQ group

Public account

Video number

The strongest "practical" front-end drag component in the open source of Atlassian: excellent performance and compatibility, cross window drag support, applicable to any front-end framework

Related Links

Hot content

Popular comments of the whole site

Hot News

Excellent column

How do programmers get started with AI application development?

Talk about Unity and Native Bridging

How to Use Excelize to Process Excel Office Documents Efficiently

Is JIT really faster than interpretation and execution? Some hot topics about JS engine

From 0 to 1: Full strategy for the implementation of multi intelligent body framework for advertising marketing

Source Code Analysis of Bookie Storage Architecture | Get Things Technology

Recommended attention

Hot software

OSCHINA Community

Online tools

Introduction

QQ group

Public account

Video number