Create a better user experience with loaders

Sunspot Loader from react-awesome-loaders

Have you ever noticed a temporary blank screen as your React application completes a fetch request or a temporary glitch as fonts and images load? There’s nothing wrong with your code, but the browser itself takes some time to process information before it can be rendered on the screen. While most times it may only take a second or less, there are instances when loading can take a significant amount of time and have your users wondering what’s going on.

A great solution is to implement a loading indicator. Doing so can provide…


How to find the number of possible ascending subarrays of size three

I was recently taking an online assessment for a software engineering opportunity within the financial services industry and was stumped by an inversion algorithm. I was eventually able to get most of the test cases to pass, but the ones that didn’t eventually timed out.

After taking a step back, revisiting the question, assessing my code, and thinking through another possible solution, I was able to shave off a significant amount of time and get all the test cases to pass.

In this article, we’ll walk through a…


Follow these tips to impress the interviewer and ace the coding challenge

Whether you’re a recent bootcamp grad or you’ve just finished up your computer science degree, you’ll likely have to go through a technical interview to land your first job. These interviews are unlike any other job interview and are meant to test your coding knowledge, problem-solving abilities, and personality. It can often feel like a daunting process, especially if it’s your first one. To get you through it, here’s a guide with some tips and suggestions.

Preparing for the Interview


Instructions to start tracking user interaction

Google Analytics has been around since 2005 and provides plenty of insights and reports on user interaction within web pages and applications. This data can be useful for developers to track demographics, user locations, conversion rates, as well as monitoring growth and performance. The best part is that Google Analytics has a robust “freemium” plan; meaning that small businesses and independent developers can use the service without paying a monthly charge. However, if you want more advanced features, there is a recurring fee.

It’s one of the best website analytic tools out there and…


Effective and easy-to-implement libraries for your next React project.

When React was released in 2013, it immediately took the programming world by storm. React provided a way to build interactive UI components with ease while simultaneously managing state throughout the application. It’s the most popular JavaScript framework to date, and also one of the most in-demand. Thus, it’s no wonder that hundreds of open source libraries are created each year for React.

Here is a list of eleven out-of-the-box, ready-to-use libraries to take your React app to the next level.

Lodash


Use these tips and tricks for your next JavaScript project

Before JavaScript was created, web pages were only static and lacked the capability for dynamic behavior. However, in 1995, the folks over at Netscape decided to tackle this issue and got to work adding a scripting language to their proprietary web browser. What they came up with instead was a completely new programming language which we now know as JavaScript.

Today, over 97% of all websites use JS as their client-side programming language and it is arguably the most popular programming language in existence. Since becoming an EMCA standard in…


This feature allows you to display a customizable README on your GitHub profile

If you’ve ever browsed around on GitHub you may have noticed some user profiles have been personalized with images, skill badges, activity trackers, etc. This feature was introduced by GitHub back in July 2020, allowing users to create a README for their profile. Check out the documentation here.

The profile README is automatically displayed when someone visits your profile and is immediately visible as it’s placed above your pinned repositories. …


If you’ve ever built an application, you know that working with HTML and CSS can be quite daunting. No matter how great or flawless your code is, if it’s not visually appealing to your audience, they likely won’t remember your app. While there are plenty of resources out there to guide you through CSS styling, one of the easiest ways to customize your application is by using fonts.

Why Fonts?

There is science and art behind how fonts influence people.


How to make them work for you

APIs have continued to rise in popularity and usage over the last decade. They’ve become vital parts of application infrastructure and as companies continue to use and develop them, proper API design is a major key to successful implementation. Whether they’re public or used internally, a good API design improves performance and the overall developer experience.

The most common APIs follow a RESTful architecture and use HTTP requests to access and use data. …


with Real World Examples

Photo: iStock

What exactly is an API?

API is an acronym for Application Programming Interface. It is defined as a system of tools and resources in an operating system which enable developers to create software applications. Typically, APIs use JSON (Javascript Object Notation) as the main language which provides methods designed to extract and manipulate data stored in HTML documents.

API’s aggregate data and complete processes over completely disparate systems, allowing them to interact with each other. In layman’s terms, think of them as a waiter in a restaurant.

Jeffrey Chiu

Software Engineer. Native New Yorker. Global Citizen. Lifelong Learner.

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