Published in Better Programming·PinnedMember-onlyA Comprehensive Guide To Proper Behaviour Testing in React With Enzyme and JestSeven tips based on three years of practical experience — In the field of React, the past years have seen a significant shift in the way we test our components. …Programming12 min readProgramming12 min read
Published in The Junior Developer Handbook·11 hours agoMember-onlyFrom Junior to Medior: Learning to Expect Uncertainty and FailureGrowing out of the junior title and making steps towards being a medior developer involves a variety of aspects. But one of the biggest ones is the things they take into consideration, or specifically what they don’t. It’s very common for junior developers to assume everything will go according to…Career Advice3 min readCareer Advice3 min read
Published in The Junior Developer Handbook·3 days agoThe Biggest Reason You’re Still A Junior DeveloperIt’s not necessarily that you lack the technical skills yet. Or that you don’t have enough years of experience yet. Or that you don’t have a large enough social network yet. Or that you haven’t had the opportunity to display your capabilities yet. Instead, it all starts with your mindset. …Career Advice2 min readCareer Advice2 min read
Published in Better Programming·Jul 29, 2022Member-only5 Important Things to Check When Picking NPM React LibrariesThat will save you time and effort — As frontend developers, the NPM registry plays an integral part in our development. While it’s possible to create all features ourselves, there’s only so much time and resources available. For this reason, we sometimes have to reach out for existing implementations made available by other developers. This is extremely convenient…Programming5 min readProgramming5 min read
Published in JavaScript in Plain English·Jun 22, 2022Member-onlyComparing 3 React Accordion LibrariesA comparative study of 3 React accordion libraries. — Recently for my job, I had to create a set of React components to implement an accordion for our project. While one of the options was to implement everything from scratch, the alternative was to look into existing component libraries and make use of those. At first, it didn’t really…JavaScript6 min readJavaScript6 min read
Published in Better Programming·Jun 8, 2022Member-only7 Typescript Utility Types for React DevelopersTo boost your development every day — It’s almost unthinkable to do React development without TypeScript. The two technologies have been established to be an extremely powerful duo, enabling developers to create high-quality and maintainable React applications at scale. TypeScript plays an integral part in this process. However, being a good React developer doesn’t automatically translate into…Programming5 min readProgramming5 min read
Published in JavaScript in Plain English·May 23, 2022Member-onlyHow to use React’s useCallback with TypeScriptOne of the most-used hooks in React development is useCallback. The hook allows developers to easily implement memoization of callbacks, which can then be used for various performance optimization reasons. Its most prominent use case is to avoid unnecessary re-renders of components. Due to its extensive usage and the popularity…JavaScript4 min readJavaScript4 min read
Published in JavaScript in Plain English·May 19, 2022Member-onlyHow To Filter Nullable Values From An Array Using TypeScriptIf you’ve dealt with any type of complex data in JavaScript development, it’s almost guaranteed that you’ve used the functional Array methods. These methods are shorter and the more functional alternatives to the traditional implementation, often resolving around using a for-loop and populating an array conditionally. Using these methods in…Typescript5 min readTypescript5 min read
Published in JavaScript in Plain English·May 2, 2022Member-only5 CSS Concepts React Developers Should KnowOne of the most controversial aspects of frontend development is styling. Whether you’re using React, Angular, Vue, Svelte, or any other frontend library, you either hate it or love it. …Programming4 min readProgramming4 min read
Published in JavaScript in Plain English·Apr 25, 2022Member-onlyHow to Create More Intuitive Styling Using CSS border-box Box ModelA guide on creating intuitive styling using CSS border-box box model. — One of the most controversial aspects of frontend development is styling. Whether you’re using React, Angular, Vue.js, Svelte, or any other frontend library, you either hate it or love it. But regardless of how much or little you enjoy the CSS part of your frontend development, it’s an unavoidable one. …React3 min readReact3 min read
