🤣 Sandbox ไหนเป็นยังไง แอดไม่รู้ แต่ที่ รู้ ๆ Sandbox นี้ดีต่อใจสาย Dev แน่ ๆ (แถมยังใช้ฟรีด้วยยย !!)
.
ใครที่กำลังมองหาที่ ๆ สามารถเขียนโค้ดสำหรับสร้างเว็บ - เว็บแอป โดยไม่ต้อง Setting อะไรให้วุ่นวาย และ ยังใช้งานพร้อมกันกับเพื่อน ๆ แสดงผลเหมือน Deploy จริงได้แบบทันที ต้องเว็บนี้เลย https://codesandbox.io/
.
✅ ที่มีความเด็ดตรงที่มี Template ของเครื่องมือกว่า 32 แบบ !! ไม่ว่าจะเป็น React, Vue, Angular, TypeScript, Node HTTP Server, Ember และ อื่น ๆ อีกเพียบ ที่แค่เรา "คลิก" ทีเดียว ก็พร้อมให้เราเขียนออกมาในรูปแบบออนไลน์ได้แล้วว !!
.
ใช่แล้วหละ เราสามารถจัดการ Files ต่าง ๆ สร้าง Folder ได้ตามใจชอบผ่านเว็บเขาเลย และ ที่สำคัญฟรีด้วยจ้า (แต่เขาให้แค่ 20MB นะ ! ถ้าใครอยากได้มากกว่านี้เริ่มต้นเดือนละ 7$ เท่านั้น)
.
⭐ แอดว่าเหมาะมาก ๆ ถ้าใครอยากจะทำขึ้นงานแบบไว ๆ / เอาไว้ติวกับเพื่อน ๆ / สร้าง project ขนาดย่อม ๆ ที่ไม่ใช้พื้นที่เยอะ / อยากแปะให้เพื่อนรีวิวโค้ดแบบ realtime ก็ใช้ประโยชน์ได้ดีจัดด ๆ
.
เอาเป็นว่า โพสต์นี้แอดไม่ได้ตังจากเขาซักบาท อยากเล่น Sandbox ที่ไม่ใช่แค่ปราสาททราย แต่เป็นของดีที่ใช้ง่ายจัด ๆ ก็ไปลองกันเองได้เลยจ้าา 555555 >> https://codesandbox.io/
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
「react deploy」的推薦目錄:
- 關於react deploy 在 BorntoDev Facebook 的最佳貼文
- 關於react deploy 在 BorntoDev Facebook 的最佳貼文
- 關於react deploy 在 不然要幹麻?發布上Github Pages 吧! - iT 邦幫忙 的評價
- 關於react deploy 在 將Create React App Deploy 到Github Pages | by 何妍德Angel 的評價
- 關於react deploy 在 gitname/react-gh-pages: Deploying a React App ... - GitHub 的評價
- 關於react deploy 在 How to Deploy a Routed React App to GitHub Pages 的評價
- 關於react deploy 在 Error when trying to execute "firebase deploy" in React App 的評價
- 關於react deploy 在 How to Deploy a React App to GitHub Pages | Hacker Noon 的評價
- 關於react deploy 在 How to Deploy React App to GitHub Pages | Ibaslogic 的評價
- 關於react deploy 在 Deploying a React App Using GitHub Pages and GitHub Actions 的評價
- 關於react deploy 在 How To Deploy React Application On GitHub Pages - C# Corner 的評價
- 關於react deploy 在 手把手實戰部署ReactJS 至Amazon S3 的評價
react deploy 在 BorntoDev Facebook 的最佳貼文
🔥 "เริ่มต้นเส้นทาง Full Stack Ethereum Dev ต้องรู้อะไรบ้าง ?"
.
⚡ ถ้าไม่นับตลาดเหรียญคริปโต และ DeFi ที่กำลังเดือดในตอนนี้ การหาคนมาทำงานในสายนี้ก็เดือดไม่แพ้กัน ! ว่าแต่เราจะต้องรู้อะไรบ้างถ้าต้องเป็น Dev สายนี้ มาลองดูกันได้เลย !!
.
🌎 Ethereum Development Environment
เมื่อเราต้องการสร้างสิ่งที่เรียกว่า Smart Contract เราจะต้องรู้วิธีการ Deploy, Run Test รวมถึง Debug บนภาษา Solidity ด้วย ซึ่งตรงนี้เราจะต้องรู้วิธีการทดสอบบน Test ที่ไม่ใช่ Live Production เพื่อป้องกันความเสียหายด้วยนั่นเอง
.
🖥️ Ethereum Web Client Library
แน่นอนว่าการทำรูปแบบ Full Stack นั้นฝั่ง Client เราก็ต้องพัฒนาด้วย โดยในที่นี่เราจะใช้เพื่อให้สามารถอ่าน และ ส่ง Transaction ได้นั่นเอง ซึ่งจะมีตัวที่ชื่อว่า ether.js ที่เป็น library ในการจัดการกับ Ethereum Blockchain ฝั่ง Client โดยเฉพาะ (หรือจะใช้ web3.js ก็ได้นะ !)
.
📜 Metamask
ถ้าเราต้องการที่จะจัดการเชื่อมต่อระหว่างบัญชีผู้ใช้งานของ User คนนึง ก็ต้องมีตัวกลางในการจัดการ ดังนั้นเครื่องมือตัวนี้จะช่วยให้เราจัดการ Key และ Account ได้สบาย ๆ นั่นเอง โดยใครที่เป็น User ของ Metamask มีกระเป๋าตังอยู่แล้วก็น่าจะรู้จักกันดี ลองไปดูใน API ที่เปิดให้ใช้ได้เลย
.
💙 React
พระเอกหลักฝั่ง Front-End ของเรานั่นเอง ซึ่งเราจะต้องรู้พื้นฐานตรงนี้ และต่อด้วยเครื่องมืออื่น ๆ เช่น Next.js, Gatsby, Redwood หรือ Blitz.js เพื่อให้ทำงานเข้ากันได้อย่างลงตัวนั่นเอง
.
📊 The Graph
สำหรับตัวอย่างแอปบน blockchain อย่าง Ethereum ลองคิดเล่น ๆ ดูว่าการอ่านข้อมูลจำนวนมากโดยตรง เมื่อเวลาผ่านไปคงจะใช้เวลานานมากขนาดไหนกัน ? การเข้าใจเรื่องนี้จะช่วยให้เราทำ Index Protocol เพื่อ Query ข้อมูลจาก Blockchain ได้ง่ายยิ่งขึ้นนั่นเอง !
.
✏️ Fundamentals พื้นฐานนั้นสำคัญจริง ๆ (แถม)
คือออ หลายคนอยากกระโดดมาเป็น Full Stack Blockchain Dev เลยตรงนี้อยากแนะนำไว้นิดนึงว่าเราควรมีพื้นฐานความเข้าใจของ Programming / Computer Science ให้ดีก่อน แล้วค่อยต่อยอดมาพื้นฐานการทำงาน Blockchain (รวมถึง Ethereum) เพื่อให้เราไม่ขาดความรู้ตรงไหนไป ทำให้ส่งผลเสียต่องานเราในอนาคตจ้า !!
.
💚 หากใครอยากเรียนตั้งแต่พื้นฐาน freeCodeCamp.org
เขาก็มีสอนนะ ! ไปตามกันได้เลยใน "The Complete Guide to Full Stack Ethereum Development" เข้าเรียน เข้าอ่านได้ฟรี !
.
💥 Source : https://www.freecodecamp.org/news/full-stack-ethereum-development/
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
react deploy 在 將Create React App Deploy 到Github Pages | by 何妍德Angel 的推薦與評價
GitHub Pages 是GitHub 提供的一個網頁代管服務,於2008年推出,搭配Creact React App 可快速建置靜態網頁,推薦初學者用來客製化個人履歷或作品集。 ... <看更多>
react deploy 在 gitname/react-gh-pages: Deploying a React App ... - GitHub 的推薦與評價
Deploying a React App* to GitHub Pages. * created using create-react-app. Introduction. In this tutorial, I'll show you how I deployed a React app—which I ... ... <看更多>
react deploy 在 不然要幹麻?發布上Github Pages 吧! - iT 邦幫忙 的推薦與評價
keywords: create-react-app , github pages , progressive web app , PWA , deployment. 昨天我們已經在完成了整個即時天氣App,既然都寫好了當然就是要跟大家分享 ... ... <看更多>