PinnedPublished inLevel Up CodingExploring Next.js : multi-lingual support with next-i18nextNowadays multi-lingual support is getting more and more important. It has already become a standard to modern website. There are many ways…Feb 23, 20213Feb 23, 20213
探索 Next.js:用 next-i18next 完成多語言支援網際網路沒有邊界,要讓網站打破語言的限制就必須支援多國語言。這篇文章將使用 Next.js 和 next-i18next完成多語系支援的實作,next-i18next是很強大又容易上手的套件,讓我們開始吧!Apr 17, 2021Apr 17, 2021
Published inJavaScript in Plain EnglishBuild a Rich-Text Editor with React Draft WysiwygRich text editor has become a common component in modern web. It makes the website more interactive with users. But building a rich text…Apr 10, 20211Apr 10, 20211
Published inLevel Up CodingHow to publish your react component package to npm?Create your own react package and publish it to npm.Apr 5, 20211Apr 5, 20211
Published inJavaScript in Plain EnglishDynamic Imports in Next.jsDynamic import help us saving time when website first render. Next.js provides us a strong feature ‘next/dynamic’ to do this. Let’ check…Mar 5, 20212Mar 5, 20212
使用Next.js開發React(一)建立專案Next.js是一款非常受歡迎的React框架,你也許沒有聽過他,但你一定使用過基於Next.js開發的網站,像是Netflix, Docker, GitHub 和 Uber 這些大公司都使用了 Next.js。 在開始之前先來簡單介紹 Next.js…Jan 23, 2021Jan 23, 2021
How I transitioned to front-end developer in 6 monthsI was a writer and editor of travel guide book. Without CS background it took about six months for me to become a front-end developer. One…Jul 31, 20201Jul 31, 20201
10 Minutes building a React carousel base on React hookBefore we start, i think it’s necessary to talk about the reason i write this article. I hope i can help people who read this article…Jul 5, 2020Jul 5, 2020
十分鐘搞定 React Draft Wysiwyg文字編輯器最近正在進行的專案遇到了文字編輯器的需求,發現市面上已經有許多強大的文字編輯器,既然已經有大神做的現成品,我當然就不需要重複造輪子啦(其實根本造不出來)。爬了一下文就決定使用 React Draft…Jul 4, 2020Jul 4, 2020