Categories
blockchain web3

Your Guide to Gaining Deeper Insights Into Your dApp’s Transactions: Comparing debug_traceCall and trace_call

As a web3 developer, building decentralized applications that efficiently power hundreds of on-chain user transactions can take a lot of work. Unless you acquire more profound insights into how Ethereum transactions are processed by the EVM, developing performant smart contracts may be as difficult as walking through a dark forest.

Categories
blockchain React web3

Add a web3 connect button to your React App with TypeScript and Metamask.

Metamask is the most popular cryptocurrency wallet with over 10 Million monthly active users. Available as a browser extension and mobile app, Metamask provides key functionalities that make it easy to interact with the Ethereum blockchain and other notable chains like Binance, Avalanche, and Polygon. Web3 developers may use these capabilities to power decentralized apps (dApps), allowing users to perform blockchain-based transactions securely with a single sign-on.

In this article, we will use TypeScript to add a Metamask connect button to a basic React project. Google’s Firebase social login, which allows developers to build apps that authenticate users using their Google, Facebook, GitHub, and Twitter accounts, is a similar traditional web equivalent.

Let’s get started. 

Categories
blockchain

The Future Of Work: Being On The Good Side Of AI The Centaur Way

Only The Centaurs Win


Note: An AI wrote parts of this article. Try to guess which 🙂


In the first chapter of Smarter Than You Think, the author, Clive Thompson, narrated the story of the rise, fall and rise of Kasparov, a chess grand champion.

The main takeaway depicted a battle between the past and the future. In 1997, IBM’s Deep Blue supercomputer beat the world champion, Kasparov, in a game of chess. The defeat was devastating, with media outlets terming it the evil triumph of AI over the brain.

But Kasparov did something beautiful after that. He learned the ways of the supercomputer partnering with the AI giving birth to what’s now called Advanced Chess.


Software is eating the world. And to be spared, one needs to pander to its desires, master them and, in turn, use them to achieve one’s goals.

Categories
Beginners React

12 Project Ideas for React Beginners

In our previous article, I mentioned the importance of working on projects for beginners to advance their mastery of the React framework.

Here are 12 project ideas for students learning React:

Categories
React

6 Common Issues Beginner React Developers Face

As a powerful and popular JavaScript library for building user interfaces, React offers many benefits for web development. However, like any framework, React can also present challenges for new developers learning the ropes. In this article, we’ll explore some common issues that new React developers may face, along with suggestions for overcoming these challenges.

Some common issues that new React developers may encounter include the following:

  • Understanding the basics of React, such as components, state, and props.
  • Getting familiar with the React syntax and workflow, including JSX, and using components to build complex user interfaces.
  • Learning how to write and organize CSS in a React application effectively
  • Difficulty figuring out how to manage state in a React application
  • Figuring out how to debug React applications and troubleshoot issues
  • Learning how to optimize React applications for performance
Categories
AWS React

Create a Photo Feed App with React, Tailwind CSS and AWS Amplify

Introduction

Cloud-based web apps are increasingly becoming the standard way of creating and building applications due to the immense benefits they come with. This tutorial will show you how to build a full-stack cloud-based Instagram clone with AWS Amplify, React, and Tailwind CSS.  

Categories
blockchain privacy web3

Towards A New Era Of Accessing and Storing Life’s Moments

Introduction

So you are walking by a resort, and a beautiful landscape attracts you. But you are in a hurry, so you quickly bring out your iPhone, snap and walk away, intending to check it out later.

Behind this simple process is a complex system powered by tons of computing power hosted at massive data warehouses.

Categories
JAMstack

A JAMstack Primer: Quick Guide to JAMstack for Absolute Beginners in 2022

Introduction 

JAMstack is increasingly becoming very popular amongst web developers, and you’re probably wondering if you should add this to your portfolio of skills too. You’re not alone in this situation.

Multi-billion dollar web platform, Netlify considers it as the modern approach to creating faster and secure websites. JAMStack-centric startups like Prismic are raising massive investor funds to develop awesome developer tools in the space. Web agencies love and prefer to build solutions for customers with it.     

So what is JAMstack?

Categories
React

Create and Deploy A React Application with Google Sheets API and Tailwind CSS

Introduction

Like its’ Microsoft counterpart Excel, Google Sheets has got a lot of powerful features we can use to improve our productivity. There are quite a number of indie startups whose goals are to help people master the use of Google sheets in powering web apps or even simple data trackers.

Categories
blockchain moralis React web3

Build a Token Dashboard with React Hooks, Moralis API, and Bootstrap CSS

Introduction

Ever since I discovered Moralis, I’ve always wanted to play around with the API to see its capabilities. If you’re interested in my work with QuickNode API, you can find it here