Smooth tab animation with React Native Animated — This post will guide you through how to create an animated tab view in React Native using react-native-tab-view and react-native-reanimated. The final example of an animated tab will look like this:

Deploying a WebSocket application to the cloud — Amazon Lightsail provides lightweight virtual servers that are easy to use at a very cost-effective price and automatically configure networking and security environments. The use cases may include: A simple web applications A test environment A personal project like a portfolio or blog Amazon Lightsail is suitable for WebSocket applications…

The MySQL serverless database platform — PlanetScale is a serverless database platform for MySQL. Ent is an ORM framework with a 100% statically typed API. This post will walk you through how to connect Ent to PlanetScale in a Go application. Pre-requisites Before beginning, go to the PlanetScale and sign up for Free.

Writing maintainable code in GraphQL app — This post will walk you through how to implement a GraphQL app with the Clean Architecture using the ent and the gqlgen package. Clean Architecture allows us to create a maintainable and testable project by designing the code into several layers with an explicit rule. Rather than introducing the basic…

Integrate statically typed APIs with GraphQL — This post will walk you through how to implement GraphQL server using ent, and gqlgen. Example Repo Here is the reference for the final codebase: GitHub - manakuro/golang-ent-gqlgen-example: GraphQL server with ent and gqlgen in Go github.com Dependencies Required dependencies are as follows: Go v1.17.2 Echo ent/ent 99designs/gqlgen What is Ent? ent is an ORM framework for Go, that makes it easy to maintain applications with database and…

Rendering with good performance — In this article, I will walk you through how to implement list items without unnecessary re-rendering using Recoil. Example Repo Here is the reference for the final code base: manakuro/recoil-list-example Implementing list item without unnecessary re-rendering using React and recoil. In the project directory, you can run…github.com Set Up React App To quickly start, we use create-react-app to set up the React app:

Implement a real-time application with GraphQL Subscriptions and Go — In this article, I will walk you through how to implement GraphQL subscriptions with Go. Dependencies Required dependencies are as follows: Server side Echo gorilla/websocket 99designs/gqlgen Frontend side apollographql/apollo-client chakra-ui/chakra-ui GraphQL Subscriptions GraphQL subscriptions enable you to fetch data periodically without polling from clients. Subscriptions maintain an active connection via WebSockets and get you notified immediately after…

A simple tutorial to achieve real-time communication in your web apps — This post will walk you through how to implement WebSocket using Go and React. Dependencies Required dependencies are as follows: echo gorilla/websocket Set up an API Server First, we will make an API server with the echo package. Add the following code to main.go: It will respond to Hello, World! at http://localhost:8080, like so:

A guide to running parallel tests with Jest and CircleCI — This article will walk you through how to do test splitting with CircleCI and how to reduce the testing time in your app. It will also detail how to split frontend tests to improve the DX. Here’s the final code base on GitHub: manakuro/testing-in-parallel-example Testing in Parallel with Jest and CircleCI. Contribute to manakuro/testing-in-parallel-example development by creating…github.com