tech/webdev magazine

August 31, 2020

Add Social Login to Ionic Apps

Monday, August 31, 2020 Teklinks No comments

Apple announced a Sign in with Apple service at its WWDC developer conference in June 2019. If you're familiar with social login with Google or Facebook, it's very similar. Most of these identity services use OAuth and OpenID Connect (OIDC), and Apple's implementation is similar.

Full article

The Strong Game of Developer To Entrepreneur

Monday, August 31, 2020 Teklinks No comments

The title of CEO/Founder seems cool but it's all about burning our hands and heads by Hustling. It's not like a general race where once you run quick and finish before anyone else and win the game. To be honest, entrepreneurship is like slowly moving with high efforts for success.

Full article

August 30, 2020

Postgres Full Text Search

Sunday, August 30, 2020 Teklinks No comments

In today’s post we will look at how PostgreSQL Full Text Search functionalities can be used to retrieved ranked documents. We’ll start by looking at the basics of matching documents, then we’ll move on to how we can define indexes for performance improvement and we’ll end by looking at weights and ranking.

Full article

How to Get Started and Use tmux

Sunday, August 30, 2020 Teklinks No comments

tmux, short for terminal multiplexer, is a command line utility that makes working from the terminal much easier. It allows you to split your terminal window into many panes, which will persist across multiple SSH sessions.

Full article

August 27, 2020

A tale of webpage speed, or throwing away React #

Thursday, August 27, 2020 Teklinks No comments

Back in 2011, I happened to get a job writing Backbone.js app. If you never did that, don’t. I was complaining about difficulties with composition left and right to whoever would listen. As I started digging into alternatives for the front-end, I discovered FRP and Flapjax, and ClojureScript.

Full article

Docker best practices with Node.js

Thursday, August 27, 2020 Teklinks No comments

Collected, curated and written by: Yoni Goldberg, Bruno Scheufler, Kevyn Bruyere and Kyle Martin Welcome to our comprehensive list of Docker best practices that are exemplified under the realm of Node.js. Note that each and every bullet has a link to detailed information and code examples.

Full article

⚛️ 🚀 React Component Patterns

Thursday, August 27, 2020 Teklinks No comments

This documentation will help identify the trade-offs of the different React patterns and when each pattern would be most appropriate. The following patterns will allow for more useful and reusable code by adhering to design principles like separation of concern, DRY, and code reuse.

Full article

August 25, 2020

Creating A Static Blog With Sapper And Strapi

Tuesday, August 25, 2020 Teklinks No comments

In this tutorial, we will build a statically generated minimal blog with Sapper, a Svelte-based progressive JavaScript framework, for our front end, and then use Strapi, an open-source headless content management system (CMS), for the back end of our application. This tutorial is aimed at intermediate front-end developers, specifically those who want the versatility of a headless CMS, like Strapi, as well as the minimal structure of a JavaScript framework, like Sapper. Feel free to try out the demo or check out the source code on GitHub.

Full article

August 23, 2020

August 22, 2020

Design Patterns in TypeScript

Saturday, August 22, 2020 Teklinks No comments

Design patterns are great problem solving templates that developers can apply to their projects. There are way too many patterns to cover in a single article though and they tend to attack different needs. However, they can losely be categorized into three different groups, you have:

Full article

August 20, 2020

August 18, 2020

A Practical Guide To Product Tours In React Apps

Tuesday, August 18, 2020 Teklinks No comments

Showcasing new product features to users or familiarizing them with some UI functionality in a web app can get tedious, especially when you want users to see a lot of things. In the following guide, you’ll learn how to proactively use product tours to onboard users into a new and complex UX, and how to familiarize them with UI functionality without boring them, using a typical React app.

Full article

August 17, 2020

Storybook 6.0

Monday, August 17, 2020 Teklinks No comments

Storybook is the world’s favorite component workshop, widely adopted by industry giants, startups, and open source projects alike. It organizes components and their states to structure UI development, testing, and documentation for every major view layer. The 6.

Full article

August 13, 2020

Why React Hooks?

Thursday, August 13, 2020 Teklinks No comments

The first thing you should do whenever you’re about to learn something new is ask yourself two questions - Why does this thing exist? What problems does this thing solve? If you never develop a convincing answer for both of those questions, you won’t have a solid enough foundation to build upon

Full article

August 11, 2020

Reflections on code quality. Confession of a CTO

Tuesday, August 11, 2020 Teklinks No comments

The software is often a foundation of your online business. Foundation on which that business is based on and on top of which it will be evolving over the next years or decades. Early stages of development should be thought through carefully like with a multi-store building.

Full article

August 10, 2020

August 9, 2020

August 7, 2020

August 6, 2020

The only React Router set-up you will ever need

Thursday, August 06, 2020 Teklinks No comments

This article aims to build out the 4 common routing needs to give you a rock-solid routing infrastructure for your React web application. If you are working or have worked on the frontend, I am willing to bet that you have ever searched for any of the above routing features. I know I have.

Full article

August 5, 2020

Testing React Components: Complete Guide

Wednesday, August 05, 2020 Teklinks No comments

When I first started learning to test my apps back in the day, I would get very frustrated with the different types, styles and technologies used for testing, along with the disbanded array of blog posts, tutorials and articles. I found this to be true as well for React testing.

Full article

August 3, 2020

Will it render?

Monday, August 03, 2020 Teklinks No comments
Will it render? React rendering cheatsheet This is a visual aid for the very good article about React's rendering behaviour by Mark Erikson. Below are drawings with live Codesandbox examples which you can explore and play with.

Full article

Create A Responsive Dashboard With Angular Material And ng2-Charts

Monday, August 03, 2020 Teklinks No comments

Schematics in Angular 9 are code generators that can create components and patterns in projects using predetermined templates and layouts. In this article, Zara Cooper explains how to take advantage of schematics in Angular Material and ng2-charts to substantially reduce the time and work that goes into building a dashboard.

Full article

How to Host a Website from S3

Monday, August 03, 2020 Teklinks No comments

Chances are, you probably don’t need a full web server like NGINX running on EC2 to get your website up and running. If you’re just looking to host a static website, you can store all the content in S3, and host it from there.

Full article

August 2, 2020

August 1, 2020

Use Chrome DevTools Like a Senior Frontend Developer

Saturday, August 01, 2020 Teklinks No comments

Okay, now for some reason, you’ve finally chosen Chrome as the browser you’re developing for. Then you open Developer Tools and start debugging your code. You sometimes open the Console panel to examine the output of your program, or the Elements panel to check the CSS code for DOM Elements.

Full article