The current article shares the coding principle which we developed through our accumulated experience.

There are 4 keywords we keep in mind when writing codes which are readability, feasibility, scalability, and performance. In addition, we treat the importance in order.

Readability >>> Feasibility > Scalability >>> Performance

1. Readability

What we treat the most important is readability. Although the code is not running as expected, the readable code can be fixed and live until it is actually working. When it isn’t readable, the code may get thrown away and replaced by the other developers.

2. Feasibility


올해 처음으 글로벌 Prisma Korea Meetup을 진행하였습니다. 앞으로도 이전처럼 https://festa.io/events/1716에 이벤트가 진행될 예정이며 Prisma Korea Slack에도 공지를 드릴 예정이니 참고하시면 좋을 것 같습니다.

이벤트를 진행하면서 미흡한 부분을 정리하려고 합니다. 우선 못다한 Q/A부터 정리하겠습니다.

1. 혹시 어떤 쿼리가 전송되는건지 프리스마가 만들어내는 쿼리를 볼 수 있을까요?

공식 문서에 쿼리 로그를 볼 수 있는 방법이 나와있습니다.

2. 쿼리가 효율적이지 않은 경우 stored procedure랑 연동해서 해야할 것 같은데 그 기능도 제공이될까요?

Prisma팀 Ryan 님의 답변

3. ​prisma …


This is a summary of what I’ll be presenting at Prisma Korea Meetup on Aug 28th.

If you are a javascript or typescript developer, I think you’ve already heard about Prisma, a next-generation ORM.

https://velog.io/@mgm-dev/Prisma2-%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80

I’ve recently found few developers who wants to start using Prisma but their product is sticked to other orm like Sequelize. I also know how frustrating it is to switch ORM but this can be achieved pretty easily by Prisma’s introspection and I will tell what this is in this article.

Note that from Prisma 2.30.0, prisma instrospect command has changed to prisma db pull.

When…


2021 Prisma Day 워크숍에서 진행한 내용들을 다룹니다.

Prisma Day 2021 워크숍에서 6월 29일 한국시간 오후 6시에 실용적인 Prisma 예제들을 소개했습니다.

워크숍에서 진행한 예제들은 github repository에 있습니다. 실습을 위해서는 아래 환경을 준비해주셔야 합니다.

node 버전 12+
npm 버전 6+
yarn 버전 1.22+

npm 을 선호하시는 분은 npm 을 사용하셔도 무방하지만 소스코드를 클론하면 yarn.lock을 지우시고 진행해주시기 바랍니다.

레슨1 — Prisma 설치

바로 레슨으로 들어가서 워크숍에서 진행한 내용들을 다루겠습니다.

데이터베이스 연결하기

우선 schema.prisma 파일을 중점적으로 보면서 데이터베이스와 연결을 시도해보겠습니다.

datasource db {
provider = "sqlite"
url = " …


Here is how to switch FlatList to Pinterest like UI ListView

I’ve shared earlier in my YouTube channel on switching FlatList to MasonryList. This is easily done by installing the package https://github.com/hyochan/react-native-masonry-list.

yarn add @react-native-seoul/masonry-list

Some devs asked me how this is made so I’ll briefly describe this in the post.

Like how the FlatList is built, I’ve also made the MasonryList to extend ScrollView. This decision was made to easily switch previous FlatList to MasonryList without changing the parent code.

See the below code and see how similar it is compared to using FlatList.

<MasonryList
style={{alignSelf: 'stretch'}}…


react-native-audio-recorder-player is out with major changes starting from version 3.

https://github.com/hyochan/react-native-audio-recorder-player

Since the first release and post, I’ve not managed the module for a long time and I’ve just got time to come back and maintain it.

Today, I would like to share the changes I’ve made in version 3.

1 . The codebase has been re-written in Swift and Kotlin .

Altough, react-native is built-in Java and Objective C, I’ve made these changes for future maintenance. As time goes by, the Java user and the Objective C users decrease so I’d wanted to migrate them to hopefully share codes with others more sustainably.

You now need additional setup to install react-native-audio-recorder-player in…


이번 글에서는 푸시 노티피케이션 라이브러리 OneSignal 을 설정하는 방법을 다룹니다. OneSignal을 기본적인 모바일 푸시는 모두 무료입니다. 자세한 사항은 Pricing 링크를 참고하시면 됩니다.

해당 글은 sdk v7.0 기준으로 작성되었습니다.

https://onesignal.com


React Native IAP is now 3 years old now. Finally the hook has arrived.

Status in Feb, 14th, 2021

Today, I brought better purchase flow to handle in React Native. From react-native-iap@6.0.0+ , we have useIAP hook that handles purchases better. I’ll go over step by step on how to use it.

1. Installation

Installation is recommended above react-native-iap@6.0.0-rc.15. For early adopters, you can install it with next package of module.

yarn add react-native-iap@next

2. Import

After that, you can import useIAP hook.

import {requestPurchase, requestSubscription, useIAP} from 'react-native-iap';

3. Fetch products

If you’ve completed creating purchase products like in the post, let's get them using useIAP hook.

Previously, our code…


I tried expo web in the previous post, and now I’ve tried pure react-native-web to re-implement our website dooboolab.com.

dooobolab.com (light mode)

Simply speaking, I had a great experience with building the web application using react-native. In addition, this is great that it has the potential to bring up the application to new platforms like iOS and android whenever we want to with minimal effort (some styles are not working identical so I had to fix it).

The work on bringing up web env to the react-native template has been made in a current pull request. The most important part to look into…


I recently changed all our boilerplates and projects from i18n to FBT. I found that this is the best choice today when working with others. I’ll explain why.

Image from https://www.brihaspatitech.com/blog/how-to-localize-react-js-web-app/

As all of you know, localizing your app is very important to scale your service globally. Many developers might have suffered in doing this job after the app has released because it is pretty hard to find and replace texts that are not localized because there aren’t exact patterns to find texts that are not yet localized. Therefore, I usually did this from the beginning. …

dooboolab

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store