ElixirPotion is your go-to resource for how-to's Elixir programming. Discover tutorials, tips, and insights to help you master functional programming and build powerful, scalable applications

How to Create and Upload Your Own Elixir Dependency to Hex.pm

How to Create and Upload Your Own Elixir Dependency to Hex.pm

Creating and publishing your own Elixir package to Hex.pm can seem daunting at first, but it’s actually quite simple. In this guide, I’ll walk you through the steps of setting up your own dependency, registering an account on Hex, and publishing your package so that others can use it in their projects.

Let’s dive in!

Continue reading →

How to connect React With liveView

Why Use React Components in LiveView/Phoenix?

As most Phoenix and LiveView developers come from a backend background, writing frontend code can sometimes feel tedious and time-consuming. For backend-focused developers, managing the complexities of frontend JavaScript frameworks or building dynamic, interactive components from scratch isn’t always appealing. Luckily, many beautifully designed, ready-to-use components already exist—particularly in the React ecosystem. React components offer a wide variety of features and functionality that can be integrated with minimal effort.

That’s why in this post, I’m going to walk you through how to seamlessly connect and use React components in your Phoenix LiveView projects. By doing this, you can leverage the best of both worlds: LiveView’s powerful real-time capabilities and React’s highly customizable components.

Continue reading →