tech/webdev magazine

May 23, 2020

Gatsby won against Next.js in this head-to-head

Saturday, May 23, 2020 Teklinks No comments

With the ongoing Covid-19 pandemic and social distancing measures, many events have been forced to migrate to online virtual events. I’m a software engineer at Antler, which runs a global startup generator program that usually runs multiple in-person Demo Day events a year that showcase around a dozen new startups, and we faced the same situation.

Full article

State of Microfrontends

Saturday, May 23, 2020 Teklinks No comments

Originally published at Bits and Pieces. One of the more controversial topics in frontend web dev is microfrontends. Are they worth it? Should you really split up your application? Do you really need to use this now?

Full article

May 21, 2020

The Role of an Architect on a Scrum Team

Thursday, May 21, 2020 Teklinks No comments

None of the Agile, Lean, or Scrum principles have a formal definition of responsibilities for a Software Architect. Some companies take it to the extreme and not hire a architect at all. Others that do hire one are not clear on architect’s role within the agile context.

Full article

May 20, 2020

React + Docker with Security in 10 Minutes

Wednesday, May 20, 2020 Teklinks No comments

You've built a React app, but now you need to deploy it. What do you do? First, it's probably best to choose a cloud provider as they're typically low-cost and easy to deploy to. Most cloud providers offer a way to deploy a static site. A built React app is just JavaScript, HTML, and CSS.

Full article

May 18, 2020

May 17, 2020

Make a Stellar React + NASA App in 10 Minutes

Sunday, May 17, 2020 Teklinks No comments

One of the most stellar open API's out there is the NASA Astronomy Picture of the Day. In today's article, we are going to mess around with that API and build an application that displays the photo of the day, the title of that photo, the current date, and some information about the picture.

Full article

In defense of the modern web

Sunday, May 17, 2020 Teklinks No comments

I expect I'll annoy everyone with this post: the anti-JavaScript crusaders, justly aghast at how much of the stuff we slather onto modern websites; the people arguing the web is a broken platform for interactive applications anyway and we should start over; React users; the old guard with their arti

Full article

May 14, 2020

How CommonJS is making your bundles larger

Thursday, May 14, 2020 Teklinks No comments

In this post, we'll look into what CommonJS is and why it's making your JavaScript bundles larger than necessary. Summary: To ensure the bundler can successfully optimize your application, avoid depending on CommonJS modules, and use ES2015 module syntax in your entire application.

Full article

May 13, 2020

May 11, 2020

A new way to file upload in React

Monday, May 11, 2020 Teklinks No comments

File uploading from the browser isn’t new. It’s been with us for a long time now. There are also plenty of projects and libraries aiming to help web applications that require this kind of functionality. Yet, there aren’t many that encompass all you need in one place.

Full article

TypeScript at Slack

Monday, May 11, 2020 Teklinks No comments

When Brendan Eich created the very first version of JavaScript for Netscape Navigator 2.0 in merely ten days, it’s likely that he did not expect how far the Slack Desktop App would take his invention: We use one JavaScript code base to build a multi-threaded desktop application, routinely interacting with native code, targeting Windows, macOS, and Linux.

Full article

Facebook Engineering

Monday, May 11, 2020 Teklinks No comments

Facebook.com launched in 2004 as a simple, server-rendered PHP website. Over time, we’ve added layer upon layer of new technology to deliver more interactive features. Each of these new features and technologies incrementally slowed the site down and made it harder to maintain.

Full article

May 10, 2020

Write clean(er) Components & JSX

Sunday, May 10, 2020 Teklinks No comments

A component that expects a prop (user) and can’t do anything without it, yet that property isn’t required and the default value is set to {} to avoid some Cannot access property 'name' of ... errors.

Full article

5 Best Practices for writing clean JavaScript

Sunday, May 10, 2020 Teklinks No comments

When writing our apps, we often tend to overlook the simplest principle when it comes to coding: maintaining a clean and readable source code. You probably heard the phrase of spaghetti code before. Meaning the codebase is hard to maintain, read or even decipher.

Full article

May 9, 2020

What the heck is React Fast Refresh

Saturday, May 09, 2020 Teklinks No comments

React Fast Refresh is the successor of React Hot Loader. It is fully supported by the React team and was initially shipped alongside React Native 0.6.1 back in 2019. The actual plan is to make it available eventually for the whole ecosystem since the core implementation is platform-agnostic.

Full article

How to get started testing React applications

Saturday, May 09, 2020 Teklinks No comments

All of this testing thing is like I’m in a maze! If you don’t have experience writing tests, getting started can be daunting. Especially if you’re trying to test code that interacts with a framework/library like it is when you’re testing a React application.

Full article

5 Awesome React Packages You Need To Try Out

Saturday, May 09, 2020 Teklinks No comments

I think we all know by now that static pages and server side rendering with technologies like Gatsby & Next.js are pretty handy for React. Pages that don’t require client-side rendering, which is the standard for React.js, tend to perform much better & are said to have SEO benefits.

Full article

May 6, 2020

Checking In On Relatives Using Old Android Tablets

Wednesday, May 06, 2020 Teklinks No comments

With social distancing it can be harder to stay in touch with our relatives, especially those who are elderly and not particularly tech-savvy. Looking for a solution to that end for his own grandmother, [Steve] came up with the idea of using an inexpensive used tablet and a mobile data plan in order to mail her a “video phone” that works out of the box.

Full article

Mirage JS Deep Dive: Understanding Mirage JS Models And Associations (Part 1)

Wednesday, May 06, 2020 Teklinks No comments

Mirage JS is helping simplify modern front-end development by providing the ability for front-end engineers to craft applications without relying on an actual back-end service. In this article, I’ll be taking a framework-agnostic approach to show you Mirage JS models and associations. If you haven’t heard of Mirage JS, you can read my previous article in which I introduce it and also integrate it with the progressive framework Vue.js.

Full article

You know your Scrum Master sucks when…

Wednesday, May 06, 2020 Teklinks No comments

Please, don’t hold your applause. In fact, I’d prefer if everyone rose from their seats each time I enter the room. It’s probably best if someone on the Development Team acts as a lookout so you’re already standing when I arrive for the Daily Scrum.

Full article

May 3, 2020

April 30, 2020

5 Really Good Reasons to Use Redux Over Context

Thursday, April 30, 2020 Teklinks No comments

React Context was introduced a while back but only got traction after React Hooks were rolled out with React 16.8. While Context does solve the problem it was designed to solve, it’s not a go-to solution for global state management, for the following reasons.

Full article

Everyone Can Now Use Google Meet for Free

Thursday, April 30, 2020 Teklinks No comments

With populations around the world either in lockdown and/or following social distancing rules, video chat has suddenly become much more popular. And Google is responding to that explosive uptick in interest by making Google Meet free for everyone to use.

Full article

April 29, 2020

Why I stopped using Microservices

Wednesday, April 29, 2020 Teklinks No comments

I've always been fascinated by APIs. In fact APIs, distributed systems, and web services are the reason why I learned to code. When I started my first job as a frontend junior developer, it wasn't foreign to me to interact with a backend API.

Full article

100 of the Best Engineers, Developers, Coders, and Entrepreneurs to Follow Online

Wednesday, April 29, 2020 Teklinks No comments

Jim Rohn famously said that we are the average of the five people we spend the most time with. This applies to work too. Imagine you could surround yourself with people like Bill Gates, James Gosling, Uncle Bob, Elon Musk, Quincy Larson, and other brilliant engineers, developers and entrepreneurs.

Full article

April 26, 2020

The Cost of Javascript Frameworks

Sunday, April 26, 2020 Teklinks No comments

There is no faster (pun intended) way to slow down a site than to use a bunch of JavaScript. The combination is very expensive. The thing about JavaScript is you end up paying a performance tax no less than four times: The cost of downloading the file on the network, The cost of parsing and compiling the uncompressed file once downloaded, The cost of executing the JavaScript, The memory cost

Full article

How to Learn to Code

Sunday, April 26, 2020 Teklinks No comments

Software development is an incredibly rewarding skill that can be extremely valuable. It’s remote-work friendly, and no matter where you live in the world, if you get good enough, you can qualify for great paying work ranging from $100k/year — $200k+/year (USD).

Full article

React Folder Structure in 5 Steps

Sunday, April 26, 2020 Teklinks No comments

How to structure large React apps into folders and files is a highly opinionated topic. I struggled for a while writing about this subject, because there is no right way to do it. However, every other week people ask me about how I structure my React projects.

Full article

April 25, 2020

Vidact - A compiler to convert React-like apps to VanillaJS

Saturday, April 25, 2020 Teklinks No comments

Vidact compiles your React source codes to VanillaJS code with No Virtual DOM ™️. It is similar to Svelte , but unlike Svelte, Vidact does not introduce a new syntax. It takes in pure React-compatible JavaScript (JSX) and outputs plain JavaScript. Vidact currently is in alpha phase and has known limitations.

Full article

Coding a SaaS in 2020

Saturday, April 25, 2020 Teklinks No comments

Coding a SaaS in 2020 is much different than coding a SaaS 10 years ago. Developers have had a great rush of incredible tools in the past decade to help us build and grow our businesses. There are hundreds of ways to build and grow a SaaS.

Full article

April 23, 2020

CSS for internationalisation

Thursday, April 23, 2020 Teklinks No comments

I’ve come across people who do not think that CSS is related to internationalisation at all, but if you think about it, internationalisation is more than translating the content on your site into multiple languages and calling it a day.

Full article

April 21, 2020

7 Major JavaScript Concepts Explained Simply

Tuesday, April 21, 2020 Teklinks No comments

The purpose of lingo is to encapsulate a particular idea into a nice and compact word. However, meaning is lost if you don’t understand what the word means. In the dev world, more advanced topics are often out of reach and often times discouraging for new developers.

Full article

Implementing Skeleton Screens In React

Tuesday, April 21, 2020 Teklinks No comments

13 min read React, Tools, Techniques Share on Twitter or LinkedIn In this tutorial, you’ll learn what a skeleton screen UI is and some types of skeleton screen libraries, along with their pros and cons. We’ll build a YouTube-like skeleton screen UI using React Loading Skeleton.

Full article

April 20, 2020

7 Git Commands You May Not Know

Monday, April 20, 2020 Teklinks No comments

GitHub recently went free for teams which is great news for all devs. We all have our everyday Git commands that we use over and over. But what if I told you there are some lesser known Git commands that may make your life easier.

Full article

What is the JAMstack and how do I get started?

Monday, April 20, 2020 Teklinks No comments

JAMstack sites are all the rage right now in the web dev world. And rightfully so! But what exactly is it and how can we all take advantage of its benefits? To start, JAMstack is a software architecture and philosophy that adheres to the following components: Javascript, APIs, and Markup.

Full article