tech/webdev magazine

June 29, 2020

June 28, 2020

June 26, 2020

How to create your own shared esLint, prettier and stylelint configuration

Friday, June 26, 2020 Teklinks No comments

Linters and code formatters make a developer’s life easier. They help you to follow coding and formatting standards, without constantly thinking about it. Or in other words, based on the great work the authors Sendhil Mullainathan and Eldar Shafir (Scarcity: Why Having Too Little Means So Much Kindle Edition): They reduce the tax on the cognitive bandwidth (bandwidth tax) and developers can focus on other actions.

Full article

June 24, 2020

An Introduction To SWR: React Hooks For Remote Data Fetching

Wednesday, June 24, 2020 Teklinks No comments

In this article, we’ll be looking at a new way of retrieving data in React Apps named SWR. This is a set of hooks for remote data fetching that makes things easier, such as caching, pagination, and so on. We’ll also be building a Pokedex App from scratch and using SWR features to get data and paginate it.

Full article

Maintaining Order with Apollo Query Hooks

Wednesday, June 24, 2020 Teklinks No comments

On my current React project, we are using the hooks provided by Apollo to fetch and mutate data with GraphQL. One of the components I wrote had a query that relied on data from a previous query. The component looked similar to this example:

Full article

June 20, 2020

How to Generate Meeting Reports in Zoom

Saturday, June 20, 2020 Teklinks No comments

Zoom provides a way to generate meeting reports of previous meetings. These reports can contain specific information about the participants, as well as results from polling questions. Here’s how to generate meeting reports in Zoom.

Full article

Better Reducers With Immer

Saturday, June 20, 2020 Teklinks No comments

12 min read Tools, React, JavaScript Share on Twitter or LinkedIn In this article, we’re going to learn how to use Immer to write reducers. When working with React, we maintain a lot of state. To make updates to our state, we need to write a lot of reducers.

Full article

10 Top Preact Libraries and Tools for 2020

Saturday, June 20, 2020 Teklinks No comments

Preact is an alternative to the popular React library. It has fewer complexities and performs faster in comparison to React due to its smaller size of 3kb. Preact also uses the ES6 API similar to React. It was developed by Jason Miller to provide a feature set similar to React in a smaller package.

Full article

June 18, 2020

Auto Version Bumps with Github Actions

Thursday, June 18, 2020 Teklinks No comments

Automate your NodeJS package.json semver bumping on every pull request merge into master! Since I’ve been developing in NodeJS, one thing has always been a thorn in my side. Having to remember to bump the package.json version for our code releases.

Full article

React Hook Form VS Formik

Thursday, June 18, 2020 Teklinks No comments

Working with forms is one of the most challenging problems to solve when developing applications with React. React is a minimalist UI library focused only on controlling the behavior of the interface, making sure that the UI change appropriately as a response to the user’s activity.

Full article

June 17, 2020

Grid for layout, Flexbox for components

Wednesday, June 17, 2020 Teklinks No comments

My brother is a fresh computer engineering graduate and he is currently finishing his internship in front-end development. He learned about both CSS grid and flexbox, but I noticed a pattern that I see a lot on the web. He can’t decide when to use grid or flexbox.

Full article

June 16, 2020

June 15, 2020

Service Worker Lifecycle Explained

Monday, June 15, 2020 Teklinks No comments

The Service Worker lifecycle is arguably the most complex part around Service Workers and Progressive Web Apps (PWAs). I only felt like I understood it completely while writing this article, and I hope it will make your life with Service Workers a lot easier.

Full article

SEO Cheat Sheet

Monday, June 15, 2020 Teklinks No comments

When it comes to SEO there are a lot of things you need to consider to keep your website up to date. This tool aims to help you with the technical side of On-Page SEO and includes a sorted list of best practices. And since I know that you're a busy person, I tried to implement them in a TL;DR way.

Full article

June 12, 2020

How to use React Testing Library Tutorial

Friday, June 12, 2020 Teklinks No comments

React Testing Library (RTL) by Kent C. Dodds got released as alternative to Airbnb's Enzyme. While Enzyme gives React developers utilities to test internals of React components, React Testing Library takes a step back and questions us "how to test React components to get full confidence in our React components": Rather than testing a component's implementation details, React Testing Library puts the developer in the shoes of an end user of an React application.

Full article

June 11, 2020

June 10, 2020

One Cool Trick to Simplify Reducer Functions

Wednesday, June 10, 2020 Teklinks No comments

Redux is an amazing tool if you take the time to get to know it. One of the things about Redux that commonly trips people up is that reducers must be pure functions. The problem is that sometimes a reducer needs to make a complicated change to some input state, but you can’t just mutate the state argument without causing bugs.

Full article

June 9, 2020

The rise of React

Tuesday, June 09, 2020 Teklinks No comments

The World Wide Web of 2020 is a far cry from what it was just five years ago, never mind 20 or more. In the early 2000s, when the first screech of my dial-up modem died down and data began to course through the copper wires of my telephone connection into my desktop PC, I suddenly had all the world’s information at my fingertips—and boy, did I know it.

Full article

Managing generated files in GitHub

Tuesday, June 09, 2020 Teklinks No comments

Is this actually a large Pull Request or are you just looking at too many generated files? Are those generated files even reviewed? If you’re using GitHub and work with generated files in your repository you may be seeing large diffs and merge conflicts as you update your newly generated files.

Full article

June 5, 2020

Startups Weekly: Remote-first work will mean ‘globally fair compensation’

Friday, June 05, 2020 Teklinks No comments

Most tech companies base compensation on an employee’s local cost of living, in addition to their skills and responsibilities. The pandemic-era push to remote work seems to be reinforcing that — if you only skim the headlines. For example, Facebook said last week that it would be readjusting salaries for employees who have relocated away from the Bay Area.

Full article

June 4, 2020

Building Reusable React Components Using Tailwind

Thursday, June 04, 2020 Teklinks No comments

Tailwind is a popular utility-first CSS framework that provides low-level class names to web developers. It does not have any JavaScript and works well with existing frameworks such as React, Vue, Angular, Ember, and others. Whilst this is positive, it can be confusing for new developers to understand how to integrate Tailwind in their applications. In this article, we’ll explore ways to build reusable React components using Tailwind.

Full article

June 3, 2020

How to Request a LetsEncrypt Certificate Using Acme

Wednesday, June 03, 2020 Teklinks No comments

LetsEncrypt changed the SSL certificate world when its offer of free, short-lived, SSL certificates allowed a vast amount of individuals and companies to secure their web applications at no cost. With this service, the necessary infrastructure would need to exist, and to that end, a plethora of applications sprung up that fit the SSL-issuing needs.

Full article

June 1, 2020

Remote Work Means Anyone Can Take Your Job

Monday, June 01, 2020 Teklinks No comments

When everyone’s face is milliseconds away on a Zoom call, who cares where their butts are sitting? Remote workers could be anywhere in the world. They are, by default, outsourced. It really doesn’t matter where you hire from anymore.

Full article