Use this to make your first NFT

Many people are making million dollar from NFT. So what’s NFT and what we can do with NFT? In this article, we are going to learn about the first step with NFT! Now, grab a drink and move with me! What the f*ck NFT is? Imagine that you create an image, and you public the image on social media. And people can see your image, they now can copy your image to their desktop....

May 11, 2022 · 3 min · Phan Công Thắng

Start your business from here

In this article, we are going to learn about the fundamental concept to start your business! How to start your business Noah Kagan is a successful entrepreneur. The fastest way to learn about business is to learn from a successful business person. So we will learn from Noah Kagan. If you want to refer to the original article, check out here There are 4 things we need to do when starting a business....

May 5, 2022 · 3 min · Phan Công Thắng

Fascinated to learn this patterns

In this article, we are going to learn about some patterns in Javascript. Let’s go! Singleton Pattern Concept We can make a global variable to manage state using singleton pattern. Coding In this example, we are going to learn the concept of Singleton Pattern, before we go, we want to make a requirement. Requirement: being able to make an instance global. let count = 0 class Instance { getInstance() { return this } increment() { console....

April 27, 2022 · 3 min · Phan Công Thắng

Caching works like this in Apollo

In this article, we will learn how caching works in Apollo Client. How cache is saved We will have a GraphQL data like below: { "__typename": "Han", "id": "Pskaksd010s", "age": "30", "family": { "__typename": "Home", "id": "F1msali52a", "members": "6", "children": "3" } } First of all, Apollo will create two cache ids: Han:Pskaksd010s, Home:F1msali52a that are combined by __typename and id. Notice that you can customize the cache id value. But by default, Apollo combines id and __typename....

April 13, 2022 · 3 min · Phan Công Thắng

Walk your first step with GraphQL

In this article, we are going to learn about the fundamental of GraphQL! Why GraphQL? With GraphQL, we can get the advantages below: The client only gets what they want so we can increase the speed of requests. Being able to get many resources in one request. For example: query getUser { user { username age } } With the example above, we create a new query getUser, and we only get username, and age from the server....

April 8, 2022 · 5 min · Phan Công Thắng

Get this and lead React project

In this article, I am going to write down what technology I lead a React project from scratch! You can think this is a short memo! msw In Japan, they have one document called shiyousho that we will define the requirements for web applications or any software. When I join the project, it only has shiyousho, no backend, no API. So we can’t wait for BFF API, frontend developers need to mock API to develop as fast as possible....

March 31, 2022 · 7 min · Phan Công Thắng

Know this in Github action environment variables secrets

You are new to GitHub action, you want to make something but don’t know to write code in GitHub action. In this article, we are going to learn some tips that help us work with GitHub action easier. Make an option Imagine that we want to deploy an application to two environments: dev and staging, and we want to have a dropdown that we can select and deploy to the selected environment....

March 23, 2022 · 2 min · Phan Công Thắng

Do you know pre-rendering in Next

What’s pre-rendering? When you visit a page, you are very familiar with waiting for the state to load before viewing content. With pre-rendering, you don’t need to repeat this boring task again. The content will now be instantly visible to you. pre-rendering is the concept that we pre-render HTML and a minimal amount of Javascript code. The client-side ships the remaining Javascript code and makes our page fully interactive. With pre-rendering, our website becomes SEO friendly....

March 18, 2022 · 4 min · Phan Công Thắng

Great UI with use transition

In this article, we are going to learn the behaviors of transition in Remix! After that, we can use transition to customize UI. Let’s go forward! transition state We get the transition value using useTransiton hook from remix-run. And we can access to three states in transition: idle: no pending, no submitting submitting: form is submitted. loading: everything is done. Note: we need to use the Form component and turn on the Scripts component in the root route....

March 17, 2022 · 3 min · Phan Công Thắng

This state in react you are good

You are new to React, you don’t want to spend too much time learning about React. Ok! don’t worry, in this article, we are going to learn a short tips how to work with React without too much knowledge. We don’t really learn React but we can work with React ^-^. Let’s go forward! Declarative Have you ever got a goal without realizing it? Sometimes, life is it, it happens like magic....

March 11, 2022 · 5 min · Phan Công Thắng