从使用 Create React App 转到 Vite，有很多不熟悉的地方，这篇文章简单的对 Vite 在不同环境设定不同变数做简单的笔记
不同的环境有不同的环境变数值是很正常的，ex 开发环境连开发环境的后端，正式环境连正式的环境的后端，开发环境有开发环境的api key，正式环境有正式环境的api key， 之前用过 npm-config，处理过类似的需求，不过 Vite 自己就内建处理这类需求的方法
有个需求是要将 React 专案 Deploy 在公司开发用的 Docker 上，简单写个笔记，以后有类似的需求可以直接复制贴上使用
放上一个测试用的 React 小专案到 Netlify，在 local 执行正常，在网页上点选连结也正常，但如果把连结记下来传给别人或直接重新整理页面都会变在 404
建立专案使用的是大家都在用的 Create React App，Router 用的是大家都在用的 React Router，好像不应该有问题才对
Firebase 系列文的第三篇，这篇文章会简单介绍如何使用 Firebase 的 Authentication 功能来管理会员帐号。
相信很多使用者都对网站的会员功能常有资安的疑虑，担心自己的帐密会不会被网站拿去做什么其他的用途， 事实上网站的开发者更讨厌去管理使用者的帐密，尤其是个资法有相当多的限制，对帐密这类的资讯是能不碰就不碰， 但网站有时不得不需要有会员的功能，这时第三方的会员帐号管理就很好用了。
而 Firebase 就提供 Authentication 的功能，简单的说就是网站不直接管理使用者的帐密，而是透过 Firebase (Google) 去管理，如果有资安的问题就是 Google 的问题，和网站无关
最近在替一个老旧的专案 UI 改版，原专案的 Dashboard 是前同事用手刻出来的，不意外的工程师的美感，现在的角度来看有多丑就有多丑。该专案用的 bootstrap 3，看起来最适合的是直接套用 AdminLTE 2
Firebase 系列文的第二篇，之前写过【如何在 React 专案中接收 Notification】，这篇文章有点像，只是不使用 cra-template-pwa，而是完全的只用 Firebase 提供的功能
一个需求，需要在原来的 React PWA 专案中增加接收讯息通知的功能，简单写了个笔记，因为需求较复杂了点，还会牵扯到 firebase，为了单纯起见，这篇文章仅仅介绍到 PWA 的 push 和 notification 部份
全名：Progressive Web Apps，中文翻成「渐进式网路应用程式」，不过讲中文可能没有人听的懂
简单说这是 google 制定的一个标准，可能让你的 web 专案，看起来像是一个手机 App，它有两个核心
使用 iframe 是最直接的方法，在 youtube 影片点选右键，选「复制嵌入程式码」，可以得到像下面的这段程式码
<iframe width="640" height="360" src="https://www.youtube.com/embed/daVASrwlU9c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
把这段程式码贴进 React 可以运作，但是没有 RWD 的效果，google 了一下找到解法，不多废话，直接附程式码