---
title: React Hyper Scroller v3 released!
slug: react-hyper-scroller-v3-release
description: An easy to use and hyper-fast virtual list library for React
tags: [react,react-hyper-scroller,open-source,javascript]
publishedAt: 2021-11-24
ogImage: https://horus-dev-media.s3.amazonaws.com/c2d06d35-e5d0-42d5-a04f-17d1688f7c83
---

Virtual lists play an essential role in today's web because sometimes, we need to render lists with many items (think about hundreds or even thousands!) or lists with components that are expensive in terms of performance.

If we need to display a list that contains 5000 items, that means that we'll need to create at least 5000 elements in the DOM. That's expensive and will probably take a bit of time. But that's the best-case scenario; lists are usually composed of items with many elements. If we add up everything, we'll need to render thousands and thousands of elements. That's REALLY EXPENSIVE!

Virtual lists solve that, allowing you to render only the items that fit on the user's screen. Each time the user scrolls, the lists automatically render new items and remove the ones you left behind. This is awesome, as we won't be wasting resources for elements that won't be on screen unless the user wants to see them!

<center>
  <img src="https://horus-dev-media.s3.amazonaws.com/6f98b6c2-861d-434b-aafb-d2bc6c190317" alt="React Hyper Scroller's logo" style={{ height: 100 }} aria-hidden="true" />
</center>

**I'm releasing [React Hyper Scroller v3](https://react-hyper-scroller.horus.dev/?utm_source=horus.dev&utm_medium=Social&utm_campaign=release) today**, a library that allows you to use virtual lists in your React apps and websites. You'll see that it is not a `v1`, but a `v3`, that's because I originally created this library to solve the problems of one of my projects, [Kiddle](https://kiddle.xyz). These issues are scroll restoration and the ability to render lists of items with unknown sizes.

React Hyper Scroller's main features are solving these issues, but another one is great DX (Developer Experience). Here's an example from the [documentation](https://react-hyper-scroller.horus.dev/docs/intro/?utm_source=horus.dev&utm_medium=Social&utm_campaign=release):

```jsx
import HyperScroller from "react-hyper-scroller";

// List of random numbers from 50 to 300 (inclusive).
// These number represent the height of each item in the list.
// We do this to simulate a list of items with unknown height.
const items = new Array(100)
  .fill(0)
  .map(() => Math.floor(Math.random() * 150) + 50);

export function MyList() {
  return (
    <HyperScroller estimatedItemHeight={175}>
      {items.map((item, index) => (
        <div key={`item-${index}`} style={{ height: item }}>
          Item {index}. Height: {item}
        </div>
      ))}
    </HyperScroller>
  );
}
```

One thing to keep in mind is that React Hyper Scroller may not be the best for all use-cases. If it doesn't work for you, there are very cool alternatives like [`react-window`](https://github.com/bvaughn/react-window), [`react-virtualized`](https://github.com/bvaughn/react-virtualized) or [`react-virtual`](https://github.com/tannerlinsley/react-virtual).

Want to know more about React Hyper Scroller?

* [Documentation Website](https://react-hyper-scroller.horus.dev/?utm_source=horus.dev&utm_medium=Social&utm_campaign=release) 
* [Getting Started](https://react-hyper-scroller.horus.dev/docs/intro?utm_source=horus.dev&utm_medium=Social&utm_campaign=release)
* [GitHub Repository](https://github.com/HorusGoul/react-hyper-scroller)


An easy to use and hyper-fast virtual list library for React

React Hyper Scroller v3 released!

---
title: Installing Linux on Windows (WSL) is easier than ever
slug: installing-wsl-is-easier-than-ever
description: The new way to install the Windows Subsystem for Linux (WSL) is as simple as typing a single command in your terminal.
tags: [linux, windows, wsl]
publishedAt: 2021-11-12
ogImage: https://horus-dev-media.s3.amazonaws.com/b89e608a-f280-4a75-96a8-4179a11db12e
---

**TL;DR:** Open a terminal with admin rights and execute the following command: `wsl --install`. If you want to choose a distro, continue reading!

Until very recently, you had to go through multiple steps to enable WSL in your system. The worst part was that some of them were in the control panel, others in a terminal, and you also had to use the Microsoft Store to choose the Linux distribution you wanted.

With the recent changes they've made for the release of both Windows 11 and the latest Windows 10 update, installing WSL has become a straightforward task.

You only need to run one command if you're happy with using Ubuntu as your Linux distribution:

```bash
wsl --install
```

If you prefer another distribution, with this other command, you can list all the available distros:

```bash
wsl --list --online
```

And then, run the installation command:

```bash
wsl --install -d <distro name>
```

That's it! You'll have to restart your computer, and then it will ask you for a username and password. Once you create your user, the process will be completed.

The new way to install the Windows Subsystem for Linux (WSL) is as simple as typing a single command in your terminal.

Installing Linux on Windows (WSL) is easier than ever

---
title: This project allows you to do streaming to multiple platforms like Twitch, YouTube, or Periscope at the same time!
slug: this-project-allows-you-to-do-streaming-to-multiple-platforms-like-twitch-youtube-or-periscope-at-the-same-time
description: Are you looking for a self-hosted alternative to restream.io? Try this project!
tags: ["bash", "docker", "nodejs"]
publishedAt: 2020-10-10
ogImage: null
---

Hey! 👋

I just published a GitHub project that allows you to self-host a streaming server so you can stream to multiple platforms at the same time.

At the moment, Twitch, YouTube, and Periscope are the only supported platforms. Adding a new one is easy, so I encourage you to create a PR if you need support for other platforms 😄

Here's the repo: [https://github.com/HorusGoul/rtmp-social-multicast](https://github.com/HorusGoul/rtmp-social-multicast)

Are you looking for a self-hosted alternative to restream.io? Try this project!

Horus Lugo

Where to find me

Latest articles

React Hyper Scroller v3 released!

Installing Linux on Windows (WSL) is easier than ever

This project allows you to do streaming to multiple platforms like Twitch, YouTube, or Periscope at the same time!

Showcase

Atom - Periodic Table & Tests

Kiddle