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....
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....
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....
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....
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....
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....
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....
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....
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....
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....