Short Intro

So I decided to try out the react-three-fiber library, and it was… fun. I did enjoy the result, however the building process was a bit tiring. Let’s dive deeper into that.

Firstly, you can check the project here:

➡️ https://thedevelobear.github.io/react-three-fibear/ ⬅️

React-three-fiber library itself is great. It lets you build declarative scenes with re-usable components. Also, the render loop lives outside of React, so using React doesn’t influence the performance in comparison to pure three.js. You can use all the elements provided by three.js, like meshes, geometries or materials, but…

What bugs me is that the documentation is limited in…


I’ve recently came upon a problem where I needed to conditionally add properties to an object. It’s not even that rare — there are plenty of API’s that require sending a field in payload only if it changed on the frontend. Don’t worry though, it’s easy to achieve.

Let’s say we have a following object:

const payload = {  name: "Bearnard"};

We need to send only the fields that changed. Also, the API doesn’t account for null values, so we’ll need to apply the properties and their new values conditionally (we can’t use conditions in object values, as they…


The problem

Let’s say you want your users to be able to reset their passwords through Sign-in page inside your app. If you have e-mail verification enabled in Cognito (which in most cases you should have) the user will have to copy the received verification code from the e-mail and paste it in your app. The problem is that the e-mails sent from Cognito by default look like poop 💩


This short post is an addition to my previous post about logging in JavaScript– Logging and debugging in JavaScript. A few methods I use on a daily basis.

Google Chrome v73 introduced a cool new feature I’d like to share with you. It’s called logpoints and it’s meant to make it easier to debug the source code of a web app. It’s not a new concept, but now it’s accessible through Google Chrome and VSCode.

What are Logpoints? When and where to use them?

Logpoints are variants of breakpoints that just… don’t break the execution of your code. They are meant to be used when you don’t want to…


I wrote this article to share a few debugging and logging methods I tend to use on a daily basis. I hope that at least some of them aren’t as popular as console.log, at least among the ones that just begin their journey with JavaScript.

1. console.log()

I think the console.log method is pretty straight forward. However, if you’re new to web development, here is a quick description. The console.log method is probably the most used utility developers use to debug their JavaScript. You can pass an object, string, number, array etc. …


Microinteractions are… let’s say they are events in our apps, that — when used wisely — create a moment of engagement and reward our users for the actions they performed. They are tiny design elements that are meant to be welcoming and memorable so that users remember them and subconsciously keep coming back to your app.


Have you ever thought that you shouldn’t do something because others are better than you? Perhaps once in a while you are attacked by the feeling that you are cheating others?

I’ll start with a bold statement that I’m pretty sure that most of us suffer or at least suffered from the impostor syndrome. It doesn’t matter if you’ve just begun your journey in software development or you’ve been a well-paid, successful programmer for many years, you can and you will likely face the impostor syndrome. In fact, there are lots of well-known people who have reportedly experienced this phenomenon…


This question can be used to provoke a looong discussion among front-end developers. Just like bringing up a topic of semi-colons in JavaScript, css-in-js or the best linter config (just try to bring up one of these, grab some popcorn and watch 👀🍿). Basically, everyone has or at least should have their own opinion. This topic is no different but before we jump into the reasons why you should learn design we should clarify one thing.

This point is by no means a complete, comprehensive list of skills that a front-end developer should have. I’m not going to tell you…


I won’t be writing about Memphis, Tennessee — neither about Memphis, Alabama; Memphis, Florida; Memphis, Indiana; Memphis, Michigan; Memphis, Mississippi; Memphis, Missouri; Memphis, Nebraska; Memphis, New York; Memphis, Ohio; Memphis, Texas; Memph… Of course, you can get inspired by these cities. You can even search for inspiration in Memphis, Egypt, which was the ancient capital of Lower Egypt. I mean… you could search for inspiration there, if not the fact that it existed 5000 years ago 😛 Nonetheless I will try to get you inspired by something that started not that long ago — Memphis Design, which has nothing to…


It is a well-known fact that people aren’t able to use all the potential hidden inside their personal computers, laptops or even smartphones. Just stop for a second and look around: we have technology that is capable of doing things that we cannot possibly imagine, yet we struggle to create a website that doesn’t lag on the newest MacBook Pro or create an android app that won’t crash every now and then on an 8 gig snapdragon 845 smartphone. We have hundreds, or even thousands of times more computing power than people had when they reached the moon.

Fortunately, this…

Develobear

Writing articles for all the front-end develobears in the woods.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store