tech/webdev magazine

April 30, 2021

9 Best Practices for Effective Code Review from Leobit’s Experts

Friday, April 30, 2021 Teklinks

The code writing process requires great mental efforts and concentration, which makes it very difficult to achieve a flawless result. However, it’s important to remember there is no such thing as perfect code — the programmers should strive to achieve a better code that constantly can be improved.

Full article

Styled Components Best Practices

Friday, April 30, 2021 Teklinks

When working with multiple developers on one React application, it's always good to align the team on a common set of best practices. This holds also true for styling React components.

Full article

Mind the platform execution gap

Friday, April 30, 2021 Teklinks

Prerequisite capabilities for successful platform strategies Developer productivity platforms are increasingly recognised as a way to manage the cognitive load of engineering teams and decrease time to market for new features.

Full article

April 27, 2021

Prepare Your Software for Growth: Create Boundaries

Tuesday, April 27, 2021 Teklinks

Working on small, monolithic applications with a small team is a joy. You can understand everything that happens in the system and what everyone else is working on. That also means you can quickly make and deploy meaningful changes. The boundaries of the system and the team are manageable.

Full article

How to Download and Install Multiple Apps Quickly on Mac

Tuesday, April 27, 2021 Teklinks

While setting up a new Mac, you’ll want to download all your favorite apps, but it can be a tedious process. Thanks to a free service called Macapps.link, it’s easy to automatically download and install many apps at once. Here’s how.

Full article

21 Best Practices for a Clean React Project

Tuesday, April 27, 2021 Teklinks

React is very unopinionated about how things should be structured. This is exactly why it’s our responsibility to keep our projects clean and maintainable. Today, we will talk about some best practices to follow to improve your React application’s health. These rules are widely accepted.

Full article

April 25, 2021

Code Quality Control And Why You Need It

Sunday, April 25, 2021 Teklinks

If companies don't measure source code quality, how do they know if they're building software effectively? Poor code quality deteriorates productivity and efficiency. Code Quality is an important thing, right? Everyone knows that. And everyone agrees on that.

Full article

April 23, 2021

How to Make Writing Performance Tests Easy With Cypress

Friday, April 23, 2021 Teklinks

Over the course of a web project, it’s important to keep an eye on app performance — something that can easily be handled with Cypress tests. As more components and complex logic are added to a website, performance metrics, such as page load, can also vary and change.

Full article

Career Ladders

Friday, April 23, 2021 Teklinks

Career laddering is a system used to show what expectations are at different levels of a role, a purpose of which can be defining how one might be promoted. I’ve personally found being transparency about expectations helpful as an Engineering Leader, but is only one supportive piece of a whole.

Full article

An In-Depth Guide To Measuring Core Web Vitals

Friday, April 23, 2021 Teklinks

34 min read Performance, Core Web Vitals, Guides, Optimization, SEO, Tools Saved for offline reading Share on Twitter, LinkedIn How are Core Web Vitals measured? How do you know your fixes have had the desired effect and when will you see the results in Google Search Console? Let’s figure it out.

Full article

April 20, 2021

Vanilla JavaScript Code Snippets

Tuesday, April 20, 2021 Teklinks

In a new series of posts, we highlight some of the useful tools and techniques for developers and designers. This time around, let’s look at vanilla JavaScript code snippets — resources and lightweight libraries to help you solve a problem without a large overhead or third-party dependencies.

Full article

April 18, 2021

The Complete Guide to Full Stack Ethereum Development

Sunday, April 18, 2021 Teklinks

The problem that I ran into though while learning this was that while there was fairly good documentation out there for each of these things individually, there was nothing really out there for how to put all of these things together and understand how they worked with each other.

Full article

How to actually test UIs

Sunday, April 18, 2021 Teklinks

Testing UIs is awkward. Users expect frequent releases packed with features. But every new feature introduces more UI and new states that you then have to test. Every testing tool promises “easy, not flaky, fast”, but has trade-offs in the fine print.

Full article

Modern CSS Upgrades To Improve Accessibility

Sunday, April 18, 2021 Teklinks

This is episode #27 in a series examining modern CSS solutions to problems I've been solving over the last 13+ years of being a frontend developer. Accessibility is a critical skill for developers doing work at any point in the stack.

Full article

April 13, 2021

The Healing Power of JavaScript

Tuesday, April 13, 2021 Teklinks

A little over a year ago, as the Covid-19 lockdowns were beginning to fan out across the globe, most folks grasped for toilet paper and canned food. The thing I reached for: a search function. The purpose of the search function was somewhat irrelevant. I simply needed to code.

Full article

Quitting is good, actually

Tuesday, April 13, 2021 Teklinks

Quitters never prosper. Never give up. If at first, you don't succeed, try, try again. There are so many sayings with the same basic message: quitting is bad. This idea is instilled in kids, internalized by adults, and generally just considered common sense. 

Full article

April 12, 2021

React Recoil 0.1.2

Monday, April 12, 2021 Teklinks

You’ve fallen in love with Recoil. You love having your components subscribe to just the exact piece of data that it consumes through Recoil’s atoms and selectors. You downloaded Recoil 0.1.

Full article

April 10, 2021

When asked to fix something, we don’t even think of removing parts

Saturday, April 10, 2021 Teklinks

As a society, we seem to have mixed feelings about whether it's better to add or subtract things, advising both that "less is more" and "bigger is better." But these contradictory views play out across multibillion-dollar industries, with people salivating over the latest features of their hardware and software before bemoaning that the added complexities make the product difficult to use.

Full article

Play Deploying packages with GitHub Actions

Saturday, April 10, 2021 Teklinks

GitHub Actions is a flexible platform for creating DevOps pipelines, and with it we can create smooth workflows that will build and deploy our libraries to destinations like npm and NuGet. What's more, GitHub has their own package feed that we can deploy packages to.

Full article

April 9, 2021

15 DevTool Secrets for JavaScript Developers

Friday, April 09, 2021 Teklinks

Web developers spend considerable time using browser DevTools but it’s easy to miss useful tools and techniques when dozens of updates are added every year. The following features are primarily for JavaScript coders using Chrome-based browsers but all developers will discover something useful.

Full article

Comparing the New Generation of Build Tools

Friday, April 09, 2021 Teklinks

Take the pain out of building site search with the Algolia hosted API. Start free now! These new tools aren’t designed to perform the exact same function, and each has different things they’re trying to achieve and features to get there.

Full article

April 8, 2021

10 Freelance Tools for Project Management and Planning

Thursday, April 08, 2021 Teklinks

Regarded as one of the most challenging tasks, project management is quite a feat to attempt. Whether you are a freelancer, or simply an owner of a small business, it comes in handy to know what is required and needed in order to manage a client’s project successfully.

Full article

April 6, 2021

The Engineer’s Complete Guide to Improving Velocity

Tuesday, April 06, 2021 Teklinks

Speed is a crucial ingredient to all companies, especially startups. The defining characteristic of startups that end up making it against the odds, is their ability to move fast. So what does speed mean for engineering teams? Velocity.

Full article

Tools for Auditing CSS

Tuesday, April 06, 2021 Teklinks

Auditing CSS is not a common task in a developer’s everyday life, but sometimes you just have to do it. Maybe it’s part of a performance review to identify critical CSS and reduce unused selectors.

Full article

Chakra UI: React library built for speed

Tuesday, April 06, 2021 Teklinks

Although some people oppose using UI libraries and prefer building their components from scratch, I think they are still worth using because of the speed advantage. The trick then is to find the right one and Chakra UI is a great option. Chakra UI is gaining traction in React community.

Full article

April 5, 2021

Measuring network service performance

Monday, April 05, 2021 Teklinks

I enjoy improving application performance. After all, that’s why we need computers in the first place — to do stuff fast. If you think about computers for a moment, it feels like magic — on the lowest level, it is basic arithmetical and logical operations, such as adding and comparing binary numbers.

Full article

React State Management Libraries and How to Choose

Monday, April 05, 2021 Teklinks

The idea of state is one of the trickier things to nail down when you’re starting with React, and as your app grows, so do your state management needs. In this post I’ll give you the Grand Tour of state management options in React and help you decide which one to use in your project.

Full article

Writing VS Code extensions in JavaScript

Monday, April 05, 2021 Teklinks

Visual Studio Code (VS Code) was built with extensibility in mind. Almost every part of VS Code can be customized and enhanced through the Extension API. In fact, many core features of VS Code is built as extensions, and you can also build your own, of course!

Full article

April 2, 2021

From Mixins to Custom Hooks: History of Sharing in React

Friday, April 02, 2021 Teklinks

Ilegbodu: I am super excited to be a part of QCon sharing about sharing in React. We're basically going to go on a six-year journey with React, from mixins in the beginning to hooks right now. React's approach to building UIs makes sharing and reuse great. React is especially great at sharing UI.

Full article

20 Best Places To Learn Programming For Free

Friday, April 02, 2021 Teklinks

There are a plethora of resources to learn how to code for free. However, the question is - which ones are worth using? As a result, this article shows you the best places to learn how to code for free. freeCodeCamp is one of the most well-known and popular platforms to learn how to code.

Full article

April 1, 2021

From semantic CSS to Tailwind - Refactoring the Netlify UI codebase

Thursday, April 01, 2021 Teklinks

The React codebase that powers app.netlify.com is about five years old. During these five years, the focus has mostly been on high-speed growth, as most start-ups do. For this reason, what started with organised PostCSS gradually grew to become a complex and entangled global CSS architecture with a lot of specificity and overrides.

Full article

How GitHub Actions renders large-scale logs

Thursday, April 01, 2021 Teklinks

Rendering logs in a web UI might seem simple: they are just lines of plain text. However, there are a lot of additional features that make them more useful to our users: coloring, grouping, search, permalinks, etc.

Full article

How to Use React Context Effectively

Thursday, April 01, 2021 Teklinks

React Context has always been a somewhat controversial tool. It was an experimental API for the longest time, but was eventually made a standard part of the API. Now with React Hooks, React Context is easier to use than ever, but that also makes it easy to use poorly.

Full article