<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Gab</title>
    <description>The latest articles on DEV Community by Gab (@100terres).</description>
    <link>https://dev.to/100terres</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F540213%2F6533c4e4-bee6-40ef-a61f-7ad082c3c892.jpeg</url>
      <title>DEV Community: Gab</title>
      <link>https://dev.to/100terres</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/100terres"/>
    <language>en</language>
    <item>
      <title>What's up with rfd!?</title>
      <dc:creator>Gab</dc:creator>
      <pubDate>Wed, 07 Sep 2022 05:02:19 +0000</pubDate>
      <link>https://dev.to/100terres/whats-up-with-rfd-578a</link>
      <guid>https://dev.to/100terres/whats-up-with-rfd-578a</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;TL;DR&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;@react-forked/dnd&lt;/code&gt; found a new home and has moved to a new organization. You should install &lt;a href="https://github.com/hello-pangea/dnd" rel="noopener noreferrer"&gt;&lt;code&gt;@hello-pangea/dnd&lt;/code&gt;&lt;/a&gt; instead if you want new features and bug fixes.&lt;/li&gt;
&lt;li&gt;The latest version now supports &lt;a href="https://github.com/hello-pangea/dnd/issues/293" rel="noopener noreferrer"&gt;react 18&lt;/a&gt;! 🎉&lt;/li&gt;
&lt;li&gt;We're welcoming &lt;a href="https://github.com/Xhale1" rel="noopener noreferrer"&gt;@Xhale1&lt;/a&gt; as a new maintainer. &lt;em&gt;(We are now two on the team!)&lt;/em&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;




&lt;p&gt;Hello to all of the &lt;code&gt;@react-forked/dnd&lt;/code&gt; users 👋,&lt;/p&gt;

&lt;p&gt;As some of you might have noticed, it can be difficult to manage a complex open source project alone and it can have an impact on how long it takes to fix issues. Like for the issue with &lt;a href="https://github.com/hello-pangea/dnd/issues/293" rel="noopener noreferrer"&gt;react 18&lt;/a&gt;! Again sorry to have kept you waiting for weeks without any answer. 😞&lt;/p&gt;

&lt;p&gt;To make sure it doesn't happen again and to help with all the work ahead of us on this project, we are welcoming a new maintainer &lt;a href="https://github.com/Xhale1" rel="noopener noreferrer"&gt;@Xhale1&lt;/a&gt; 🎉 Thanks to him we have a working version with &lt;a href="https://github.com/react-forked/dnd/issues/293" rel="noopener noreferrer"&gt;react 18&lt;/a&gt;. (I love the open source community ❤️)&lt;/p&gt;

&lt;p&gt;We also plan in the future (sooner than later) to give second life to other un-maintained projects we like and want to keep alive. Some of those projects might not be react related. For this reason we'll rename and move the project to a new organization. This organization is named hello-pangea! If you want new features and bug fixes, you should plan to migrate to &lt;code&gt;@hello-pangea/dnd&lt;/code&gt;. The migration will be as simple as doing a find and replace!&lt;/p&gt;

&lt;p&gt;If you want to be a part of this new adventure let us know on discord 👉 &lt;a href="https://discord.gg/zKhPpmvCEv" rel="noopener noreferrer"&gt;https://discord.gg/zKhPpmvCEv&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thank you for your support!&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>react</category>
      <category>news</category>
      <category>showdev</category>
    </item>
    <item>
      <title>rbd is dead, long life rfd!</title>
      <dc:creator>Gab</dc:creator>
      <pubDate>Fri, 25 Feb 2022 05:26:18 +0000</pubDate>
      <link>https://dev.to/100terres/rbd-is-dead-long-life-rfd-1n9e</link>
      <guid>https://dev.to/100terres/rbd-is-dead-long-life-rfd-1n9e</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;📢 &lt;code&gt;@react-forked/dnd&lt;/code&gt; is now &lt;a href="https://github.com/hello-pangea/dnd" rel="noopener noreferrer"&gt;&lt;code&gt;@hello-pangea/dnd&lt;/code&gt;&lt;/a&gt;. For more details: &lt;a href="https://github.com/hello-pangea/dnd/issues/408" rel="noopener noreferrer"&gt;https://github.com/hello-pangea/dnd/issues/408&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;TL;DR&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://github.com/atlassian/react-beautiful-dnd" rel="noopener noreferrer"&gt;&lt;code&gt;react-beautiful-dnd&lt;/code&gt;&lt;/a&gt; a.k.a. &lt;code&gt;rbd&lt;/code&gt; isn’t actively maintained anymore. I’ve decided to fork the project to give it a second life. It’s called &lt;a href="https://github.com/react-forked/dnd" rel="noopener noreferrer"&gt;&lt;code&gt;@react-forked/dnd&lt;/code&gt;&lt;/a&gt; or &lt;code&gt;rfd&lt;/code&gt;. Try it!&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  The discovery 🤩
&lt;/h2&gt;

&lt;p&gt;A year and half ago, I was looking for a drag and drop library with an excellent user experience. After multiple queries through my favorite search engine, I finally found it!&lt;/p&gt;

&lt;p&gt;I discovered &lt;a href="https://github.com/atlassian/react-beautiful-dnd" rel="noopener noreferrer"&gt;&lt;code&gt;react-beautiful-dnd&lt;/code&gt;&lt;/a&gt; (&lt;code&gt;rbd&lt;/code&gt;). I was impressed (and still is) by how natural it felt to drag an element on the screen using this library.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffhppe4z5bh430j3ku8u4.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffhppe4z5bh430j3ku8u4.gif" alt="rbd thumbs up kid" width="400" height="266"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thanks to the dedication and passionate work of the author, maintainers and the community of &lt;code&gt;rbd&lt;/code&gt;, this well-crafted library lets us integrate amazing drag and drop behavior to our applications. It’s easy to use and easy to implement in any &lt;code&gt;react&lt;/code&gt; codebase. 🎉&lt;/p&gt;

&lt;p&gt;But like all good libraries it has its limitations. For examples it does not &lt;a href="https://github.com/atlassian/react-beautiful-dnd/issues/1547" rel="noopener noreferrer"&gt;support trees&lt;/a&gt; or &lt;a href="https://github.com/atlassian/react-beautiful-dnd/issues/316" rel="noopener noreferrer"&gt;grid layout&lt;/a&gt; out-of-the-box. It’s perfect when we implement simple drag and drop behaviors, but it can become a blocker when we need more complex interactions.&lt;/p&gt;

&lt;p&gt;At the time I was hoping someone would tackle those issues, by adding new features in future releases.&lt;/p&gt;

&lt;h2&gt;
  
  
  The honeymoon phase was over 💔
&lt;/h2&gt;

&lt;p&gt;I had open a &lt;a href="https://github.com/atlassian/react-beautiful-dnd/pull/2035" rel="noopener noreferrer"&gt;pull request to allow react v17&lt;/a&gt; as a peer dependencies and got no answer. I realized that something was off. The repo seemed to have been abandoned. No commits were added to the main branch and issues were piling up without being answered.&lt;/p&gt;

&lt;p&gt;I decided to open &lt;a href="https://github.com/atlassian/react-beautiful-dnd/issues/2037" rel="noopener noreferrer"&gt;this issue&lt;/a&gt; to ask what was happening and suggested that it might be time for the community to take over and maintain the project. No one answered, so I decided to fork of the library and called it &lt;a href="https://github.com/react-forked/dnd" rel="noopener noreferrer"&gt;&lt;code&gt;@react-forked/dnd&lt;/code&gt;&lt;/a&gt; (&lt;code&gt;rfd&lt;/code&gt;).&lt;/p&gt;

&lt;p&gt;The first thing I wanted to tackle was something the maintainer of &lt;code&gt;rbd&lt;/code&gt; also &lt;a href="https://github.com/atlassian/react-beautiful-dnd/issues/982" rel="noopener noreferrer"&gt;planned&lt;/a&gt; to do. It was &lt;a href="https://github.com/react-forked/dnd/issues/8" rel="noopener noreferrer"&gt;to migrate the codebase&lt;/a&gt; from &lt;a href="https://flow.org/" rel="noopener noreferrer"&gt;&lt;code&gt;Flow&lt;/code&gt;&lt;/a&gt; to &lt;a href="https://www.typescriptlang.org/" rel="noopener noreferrer"&gt;&lt;code&gt;TypeScript&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;The principal reason was that the community adoption of &lt;code&gt;TypeScript&lt;/code&gt; was &lt;a href="https://2020.stateofjs.com/en-US/technologies/javascript-flavors/" rel="noopener noreferrer"&gt;constantly growing&lt;/a&gt; year after year compared to &lt;code&gt;Flow&lt;/code&gt; and I was personally more comfortable with &lt;code&gt;TypeScript&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;I started the migration more than a year ago. It was very challenging and after a couple of weeks working on the migration I started to lose interest. It was taking a lot of my time and I was still hoping that someone would come back to keep maintaining &lt;code&gt;rbd&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;I recently realized that I was wrong when I saw the following 👇 added to the &lt;code&gt;README.md&lt;/code&gt; of the &lt;code&gt;rbd&lt;/code&gt; repo.&lt;/p&gt;




&lt;blockquote&gt;
&lt;h3&gt;
  
  
  ⚠️ Maintenance &amp;amp; support
&lt;/h3&gt;

&lt;p&gt;This library continues to be relied upon heavily by Atlassian products, but we are focused on other priorities right now and have no current plans for further feature development or improvements.&lt;/p&gt;

&lt;p&gt;It will continue to be here on GitHub and we will still make critical updates (e.g. security fixes, if any) as required, but will not be actively monitoring or replying to issues and pull requests.&lt;/p&gt;

&lt;p&gt;We recommend that you don’t raise issues or pull requests, as they will not be reviewed or actioned until further notice.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;p&gt;It gave me the motivation to finish what I’ve started and it’s exactly what I’ve done in the past weeks.&lt;/p&gt;

&lt;h2&gt;
  
  
  Time for a second life 🐣
&lt;/h2&gt;

&lt;p&gt;This blog post is to announce the release of &lt;code&gt;rfd&lt;/code&gt; version &lt;code&gt;v14.0.0&lt;/code&gt; and to let you know what to expect from this new chapter in the life of the library!&lt;/p&gt;

&lt;p&gt;What does this new version includes? To be honest not that much. The goal was to have a fresh start with a &lt;code&gt;TypeScript&lt;/code&gt; codebase and the &lt;code&gt;latest&lt;/code&gt; version of most libraries.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Feature parity (except for &lt;a href="https://github.com/react-forked/dnd/issues/132" rel="noopener noreferrer"&gt;Flow support&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;Codebase migrated to &lt;code&gt;TypeScript&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Libraries upgraded&lt;/li&gt;
&lt;li&gt;Tested with &lt;code&gt;react&lt;/code&gt; v16 and v17&lt;/li&gt;
&lt;li&gt;Changed all &lt;code&gt;data-rbd-*&lt;/code&gt; to &lt;code&gt;data-rfd-*&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  What’s next? 👀
&lt;/h2&gt;

&lt;p&gt;I plan to maintain this amazing library, by making sure its dependencies and peer dependencies are up to date, by adding new features and by making sure bugs are fixed as soon as possible.&lt;/p&gt;

&lt;p&gt;I’ll have a roadmap of what I plan to work on in the upcoming weeks and I’ll take the time go over &lt;a href="https://github.com/atlassian/react-beautiful-dnd/issues" rel="noopener noreferrer"&gt;the issues&lt;/a&gt; on the &lt;code&gt;rbd&lt;/code&gt; repo to help plan this.&lt;/p&gt;

&lt;p&gt;I’ll also try to leverage &lt;a href="https://docs.github.com/en/discussions" rel="noopener noreferrer"&gt;the discussions tab&lt;/a&gt; to give you as much visibility as I can on what is being worked on, to gather your feedback and to have a place for the community to share and discuss.&lt;/p&gt;

&lt;p&gt;In conclusion, thank you again for the author of this amazing library. I have big shoes to fill and I’ll need to gain your trust, but I hope to make this new journey a success. Let's see where it takes us!&lt;/p&gt;

&lt;p&gt;Here’s the repo: &lt;a href="https://github.com/react-forked/dnd" rel="noopener noreferrer"&gt;https://github.com/react-forked/dnd&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>react</category>
      <category>news</category>
      <category>showdev</category>
    </item>
  </channel>
</rss>
