The latest articles on DEV Community by Bjoroen (@bjoroen). https://dev.to/bjoroen 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%2F806944%2F099f9a3d-f34e-422a-ad0b-c392cd8d32e0.jpeg https://dev.to/bjoroen en Bjoroen Wed, 02 Feb 2022 18:12:12 +0000 https://dev.to/bjoroen/my-first-npm-package-and-the-first-step-in-my-open-source-journey-5321 https://dev.to/bjoroen/my-first-npm-package-and-the-first-step-in-my-open-source-journey-5321 <h2> Open source </h2> <p>Ever since I got into programming, I have been fascinated by open source and for the longest time wanted to get more into it, but I have to admit its very intimidating to get started. And that has held me back from getting into it for a while, but at the start of this year I made a decision that this would be the year my open source journey begins.</p> <p>So to start my open source year off I have created my very first NPM package, I dont know if anyone will ever use it, and for now thats not very important to me. Just the act of publishing something that is open source felt very good.</p> <h2> My package - React-flowfield </h2> <p><a href="https://github.com/bjoroen/react-flowfield">Github/react-flowfield</a></p> <p>It's a background component for react, to give a interesting background animation. Its inspired by one of Daniel Shiffman`s amazing videos. </p> <p>Here is an example: </p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--lXR9L-eF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uv6f84r7p8tw45v8uylw.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--lXR9L-eF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uv6f84r7p8tw45v8uylw.gif" alt="Example" width="880" height="413"></a></p> <p>You can customize a few options to make it your own and to look the way you like it and to make it fit your website. </p> <p>This is hopefully the first one many components I will add. The idea for the future of this project is to have a library of many interesting background components.</p> <h2> Thank you for reading :) </h2>