tech/webdev magazine

February 27, 2021

Understanding Rendering in React ♻ ⚛️

Saturday, February 27, 2021 Teklinks

Hey there! 👋🏼 I'm Mateo Garcia, I co-organize a community in Medellin, Colombia called React Medellin. This year I started a series of posts called 'Coding with Mateo'; My first post was about 6 ways to write a React component.

Full article

Automating Getting an Authentication Token with Postman

Saturday, February 27, 2021 Teklinks

Like many others, I like to use Postman when building and testing an API. One challenge with Postman is deciding how to authenticate your requests, something I’ve dealt with on a recent project. The more I’ve used it, the more ways I’ve tried to tackle this problem.

Full article

February 25, 2021

Free Tailwind CSS resources

Thursday, February 25, 2021 Teklinks

TailwindCSS is a utility-first CSS framework for rapid UI development. In this article, I collected free resources for you. It includes over 130 sections, built with Tailwind CSS, for your awesome projects.

Full article

February 24, 2021

Before You memo()

Wednesday, February 24, 2021 Teklinks

There are many articles written about React performance optimizations. In general, if some state update is slow, you need to: This last step is annoying, especially for components in between, and ideally a compiler would do it for you. In the future, it might.

Full article

Homebrew for Apple Silicon M1 Macs is now available

Wednesday, February 24, 2021 Teklinks

Homebrew, one of the most popular package managers for macOS, has been updated with support for Apple Silicon M1 Macs. Work had been going on for some time to convert most bottles for packages to Apple Silicon, and while it is not yet complete, a large number of them have been migrated.

Full article

Chakra UI is the Only React Component Library You Need

Wednesday, February 24, 2021 Teklinks

One of the hardest parts of developing a product is the dizzying amount of components that are often required for any full stack application. Building a dropdown menu or a button from scratch is time consuming, taking away from potential time spent on actual features.

Full article

February 22, 2021

6 Things to Consider when Adding a New Project Dependency

Monday, February 22, 2021 Teklinks

During one of our weekly cross-project tech lead meetings, someone asked about recommendations regarding adding a library to a project. It’s such a common thing in software development, but it can be more a more complicated topic than it might first appear.

Full article

60fps in a Web App

Monday, February 22, 2021 Teklinks

Projector is a design platform built to make creative use of modern media faster, easier, and more expressive. It’s a space where anyone, regardless of design background, can craft compelling visuals for work.

Full article

Basic Recipes for React Testing Library

Monday, February 22, 2021 Teklinks

Last year I attended a conference called Clojure South where we had a lot of cool tech talks about functional programming and the programming language Clojure. One of the talks I really liked was about Clojure Spec & Generative Tests by David Chelimsky.

Full article

February 20, 2021

Double Your React Coding Speed With This Simple Trick

Saturday, February 20, 2021 Teklinks

If you work with React or React Native, feel that your coding speed is slow, spend your time catching bugs, and not adding new features, work with long source files and have a hard time finding stuff, and implement the same logic over and over again, you will double your coding speed if you refactor your code into reusable building blocks.

Full article

Top 5 React Component UI Libraries

Saturday, February 20, 2021 Teklinks

React has become one of the most popular frontend frameworks for developers and the community has grown at a rapid rate over the last few years. React packages are being developed and shared to make building applications simpler, which has helped accelerate development.

Full article

With Best Practices from the Start

Saturday, February 20, 2021 Teklinks

One of the highest priorities for Angular is to enable best practices from the start. We want you to feel comfortable building a large enterprise user interface the same way as creating a to-do app.

Full article

February 19, 2021

Scrum

Friday, February 19, 2021 Teklinks

Hint: read highlighted text only to grasp the basics fast and skip the details. Agile is a principle underlying the group of modern flexible project management methodologies such as Scrum and Kanban. Agile was built to avoid the mistakes (changing requirements, wrong estimation, etc.

Full article

February 18, 2021

Optimizing Video For Size And Quality

Thursday, February 18, 2021 Teklinks

Adding video to your application can increase customer engagement and satisfaction. But the exact opposite can occur when there are issues with the video playback: video stalls are frustrating and drive customers away. In this article, we’ll walk through the steps to optimize the video on your website to ensure fast playback and reduce stalls.

Full article

🏄‍♂️ Introducing Github.surf

Thursday, February 18, 2021 Teklinks

What do you do when you want to explore code on github? Or When you want to see the master / main branch code, other branch code on your local? We goto github, select branch, and view in the default code view provided by github.

Full article

Progressive Web Apps in 2021

Thursday, February 18, 2021 Teklinks

The Progressive Web App term is now five years old, and it's time to sit down and understand where we are at 2021 within the platform, what has changed during 2020 and what we are expecting for the upcoming months. 2020 was a particular year for everyone, and Progressive Web Apps are no exception.

Full article

The Never-Ending Job of Selling Design Systems

Thursday, February 18, 2021 Teklinks

I’m willing to bet that you probably didn’t start your web career because you wanted to be a politician or a salesperson. But here’s the cold, hard truth, friend: if you want to work on design systems, you don’t have a choice.

Full article

February 16, 2021

Implementing Caching in Node.js using Redis

Tuesday, February 16, 2021 Teklinks

Caching refers to the process of storing data in a temporary location so that the data can be accessed with minimal resources. Caching aims to reduce the cost of bandwidth of data sent over the network and the application’s response time.

Full article

Building Micro Frontends with Components

Tuesday, February 16, 2021 Teklinks

In this article, we’ll share how our team is leveraging component-driven design and tools to build micro frontends, to enjoy a more efficient, fast, and scalable modern web development process.

Full article

February 13, 2021

Technical Debt Affects Everyone

Saturday, February 13, 2021 Teklinks

Outlined here are the meta-problems created by technical debt and how this problem can wreak havoc on all aspects of a company's productivity and success.

Full article

Atomic Habits

Saturday, February 13, 2021 Teklinks

"Look at a stone cutter hammering away at his rock, perhaps a hundred times without as much as a crack showing in it. Yet at the hundred-and-first blow it will split in two, and I know it was not the last blow that did it, but all that had gone before.

Full article

February 11, 2021

Building A Web App With React, Redux And Sanity.io

Thursday, February 11, 2021 Teklinks

Headless CMS is a powerful and easy way to manage content and access API. Built on React, Sanity.io is a seamless tool for flexible content management. It can be used to build simple to complex applications from the ground up.

Full article

Top 8 React meetup videos in 2020

Thursday, February 11, 2021 Teklinks

Tell Firebase to Go Fly a Kite: Leveraging Serverless Functions to Add Persistence to your React App (or any app) on Netlify or Verce by Brett Haymaker. Getting your React app on the web quickly without having to setup testing, transpilers, or development servers by Giraldo Rosales.

Full article

A Mental Model to think in TypeScript

Thursday, February 11, 2021 Teklinks

One day I came across a tweet from Lari Mazza that says "Can I make a suggestion? Types are hard to understand when you’ve only worked with JS in your life and suddenly have to learn TypeScript" As a software engineer that learned Python, Ruby, JavaScript, and Clojure first, when I tried C++, it

Full article

February 8, 2021

Are Senior Developers Worth Their Place in the Team

Monday, February 08, 2021 Teklinks

Last year my nephew got a job in a software company. He had recently completed his studies, and this was his first job as a software developer. He got into the job full of enthusiasm and ideas of his own about the software career.

Full article

5 Sustainable Habits that Have Helped Me Survive Working from Home

Monday, February 08, 2021 Teklinks

As it nears the one-year mark since I started working from home, I’ve been spending more time reflecting on what has changed. I’ve managed to transform my video game space into an office, double my collection of sweatpants, and download every conferencing/screen-sharing app on the market.

Full article

Common TypeScript module problems and how to solve them

Monday, February 08, 2021 Teklinks

Build processes in TypeScript can become quite complex when we have to configure our project flow manually through the tsconfig.json file. That is because these configurations require understanding the TypeScript compiler and module system.

Full article

February 7, 2021

Dynamic Static Typing In TypeScript

Sunday, February 07, 2021 Teklinks

In this article, we look at some of the more advanced features of TypeScript, like union types, conditional types, template literal types, and generics. We want to formalize the most dynamic JavaScript behavior in a way that we can catch most bugs before they happen. We apply several learnings from all chapters of TypeScript in 50 Lessons, a book we’ve published here on Smashing Magazine late 2020. If you are interested in learning more, be sure to check it out!

Full article

20 Essential Parts Of Any Large Scale React App

Sunday, February 07, 2021 Teklinks

Over the years I have had the privilege to work on some large-scale react projects. Today I am gathering some essential things to keep in mind when building a new project or enhancing the functionality of any large scale application. We will start from the absolute basics and then go deeper.

Full article

February 6, 2021

How Do Compilers Work

Saturday, February 06, 2021 Teklinks

With the recent introduction of Apple M1 chip, we have seen the start of the adoption of the ARM processor architecture for Apple Macbook line. ARM being a different family of instruction set architecture than x86 (most common as of today), this means that any application built for x86 (for Mac with Intel or AMD chips) needs to be recompiled to run on ARM (M1 chip). The process of compilation is a multistep process starting taking code written in programming languages and transforming it into machine code understood by the processor.

Full article

The Top 100+ Developer Tools 2020

Saturday, February 06, 2021 Teklinks

Welcome to The 7th Annual StackShare Awards! 🎉. This year we analyzed over eight million data points shared by you- the StackShare community- to bring you these rankings 🔥 If this is your first time seeing the StackShare Awards, get comfy, you're gonna be here a while 😏 ICYMI: Private StackShare for Teams - is now available for FREE in the GitHub Marketplace 😱

Full article

The Soft Skills Are the Hard Skills of Today

Saturday, February 06, 2021 Teklinks

While soft skills played a vital role in the success of an organization and its employees, they often went unrecognized for the significant impact they played. There was a time where soft skills were considered common-sense practices that held no value within the confines of an organization.

Full article

February 4, 2021

Best Practices for Setting SLOs and SLIs For Modern, Complex Systems

Thursday, February 04, 2021 Teklinks

This post is adopted from a talk given at FutureStack18: San Francisco and elsewhere titled, “SLOs and SLIs In The Real World: A Deep Dive.” At New Relic, defining and setting Service Level Indicators (SLIs) and Service Level Objectives (SLOs) is an increasingly important aspect of our site reliability engineering (SRE) practice.

Full article

undefined vs. null revisited

Thursday, February 04, 2021 Teklinks

Many programming languages have one “non-value” called null. It indicates that a variable does not currently point to an object – for example, when it hasn’t been initialized yet. In contrast, JavaScript has two such non-values: undefined and null.

Full article

Webpack 5.0 for a working website

Thursday, February 04, 2021 Teklinks

Let’s say you have a vanilla js site that you’re working on and you hear that Webpack 5 was just released. You want so badly to ditch your current project and start from scratch in webpack but decide that it’s finally time to treat webpack like a tool rather than a framework.

Full article

February 3, 2021

7 code smells in your React components

Wednesday, February 03, 2021 Teklinks

Passing too many props into a single component may be a sign that the component should be split up. How many are too many you ask? Well.. "it depends". You might find yourself in a situation where a component have 20 props or more, and still be satisfied that it only does one thing.

Full article

The styled-components happy path

Wednesday, February 03, 2021 Teklinks

For a few years now, my #1 favourite tool for managing CSS in React apps has been 💅 styled-components. It's a wonderful tool. In many ways, it's changed how I think about CSS architecture, and has helped me keep my codebase clean and modular, just like React!

Full article

React Learning Roadmap For 2021

Wednesday, February 03, 2021 Teklinks

Template Literal are enclosed by the backtick (` `) character instead of double or single quotes. They can contain placeholder and these are indicated by the dollar sign and curly braces (${}) and the expression in the placeholder and the text between the backticks get passed to the function.

Full article