Radzionkit: การตั้งค่าที่รวดเร็วสำหรับโครงการ monorepo ที่แข็งแกร่งเต็มรูปแบบ
Radzionkit เป็นทางออกที่ดีที่สุดสำหรับนักพัฒนาที่ต้องการเริ่มต้นโครงการของพวกเขาโดยไม่ต้องเครียดกับการตั้งค่าที่ซับซ้อน ได้รับการออกแบบให้เป็น monorepo ที่ครอบคลุมมันมีชุดเครื่องมือแบบบูรณาการสำหรับการพัฒนาเต็มรูปแบบตั้งแต่ห้องสมุด UI ที่แข็งแกร่งไปจนถึงบริการแบ็กเอนด์ที่มีความคล่องตัว ด้วย Radzionkit คุณจะประหยัดเวลาอันมีค่าทั้งในการเริ่มต้นโครงการใหม่และในระหว่างกระบวนการพัฒนาเพื่อให้มั่นใจว่าประสบการณ์การเข้ารหัสที่ราบรื่นมีประสิทธิภาพและไม่ยุ่งยาก โอบกอดพลังของความเรียบง่ายและประสิทธิภาพด้วย Radzionkit ซึ่งเป็นคู่ของคุณในการเปลี่ยนความท้าทายในการเข้ารหัสให้กลายเป็นการเข้ารหัสชัยชนะ
ภาพรวม Monorepo: ระบบนิเวศแพ็คเกจที่หลากหลายของ Radzionkit
Radzionkit ใช้ประโยชน์จากพื้นที่ทำงานของเส้นด้ายเพื่อปรับปรุงการตั้งค่า monorepo จัดระเบียบรหัสเป็นสองไดเรกทอรีหลัก: lib และ product โฟลเดอร์ lib มีแพ็คเกจรหัสทั่วไปเช่น @lib/utils หรือ @lib/ui ออกแบบมาให้เป็นโครงการที่ไม่เชื่อเรื่องพระเจ้าและพกพาได้ง่ายไปยังโครงการใด ๆ โดยไม่ต้องพกพาตรรกะเฉพาะโครงการ ในทางกลับกันไดเรกทอรี product เป็นตัวอย่างการใช้งานเช่น @product/api หรือ @product/ui-demo ที่ทำหน้าที่เป็นพิมพ์เขียวที่แสดงให้เห็นถึงวิธีการรวมและปรับแพ็คเกจ @lib ให้สอดคล้องกับความต้องการเฉพาะของโครงการของคุณ สถาปัตยกรรมที่รอบคอบนี้ไม่เพียง แต่ปรับปรุงกระบวนการพัฒนา แต่ยังช่วยเพิ่มความสามารถในการนำรหัสกลับมาใช้ใหม่ทำให้ง่ายต่อการขยายและปรับเปลี่ยนโครงการของคุณเมื่อมันเติบโตขึ้น
แพคเกจ lib
- @lib/utils - คอลเลกชันของฟังก์ชั่นยูทิลิตี้สำหรับงานทั่วไป
- @lib/ui - ห้องสมุด UI อเนกประสงค์ที่มีส่วนประกอบตะขอและ Utils
- @lib/dynamoDB - ยูทิลิตี้สำหรับการทำงานกับ AWS DynamoDB
- @lib/dnd- ส่วนประกอบและยูทิลิตี้สำหรับฟังก์ชั่นการลากและวาง
- @lib/codegen - ยูทิลิตี้การสร้างรหัสสำหรับไฟล์ TypeScript และ JSON
- @lib/ประเทศ - ประเภทและยูทิลิตี้สำหรับการจัดการข้อมูลที่เกี่ยวข้องกับประเทศ
- @lib/lambda - ยูทิลิตี้สำหรับการทำงานกับฟังก์ชั่น AWS Lambda
- @lib/analytics -ui - ส่วนประกอบเพื่อรวมการวิเคราะห์แอมพลิจูดเข้ากับแอปพลิเคชัน React ของคุณ
- @lib/auth - ประเภทสำหรับเซสชันการรับรองความถูกต้องและผู้ให้บริการ OAuth
- @lib/next -ui - ส่วนประกอบและยูทิลิตี้สำหรับแอปพลิเคชัน next.js
- @lib/การสมัครสมาชิก -ui - ส่วนประกอบสำหรับการชำระเงินการสมัครสมาชิก
- @lib/การสมัครสมาชิก - ประเภทสำหรับการชำระค่าสมัครสมาชิก
- @lib/chain - ยูทิลิตี้สำหรับการทำงานกับ web3 และ blockchain
- @lib/chain -ui - ส่วนประกอบสำหรับแอปพลิเคชัน Web3
แพ็คเกจผลิตภัณฑ์
- @Product/App - เทมเพลตแอปพลิเคชัน Next.js
- @Product/API - API Boilerplate พร้อมการรับรองความถูกต้องของผู้ใช้
- @Product/API -Interface - อินเทอร์เฟซและประเภทสำหรับการโต้ตอบกับ API
- @product/api -ui - ปฏิกิริยาเบ็ดและส่วนประกอบสำหรับการโต้ตอบ API
- @Product/Config - แพ็คเกจการกำหนดค่าที่ใช้ร่วมกันสำหรับผลิตภัณฑ์
- @Product/DB - การจัดการฐานข้อมูลและยูทิลิตี้
- @ผลิตภัณฑ์/อีเมล - บริการและสาธารณูปโภคที่เกี่ยวข้องกับอีเมล
- @Product/Email -Forwarder - ฟังก์ชั่นแลมบ์ดาสำหรับการส่งต่ออีเมล
- @ผลิตภัณฑ์/เอนทิตี - เอนทิตีหลักและรุ่นสำหรับผลิตภัณฑ์
- @Product/Entities -Utils - ฟังก์ชั่นยูทิลิตี้สำหรับการทำงานกับเอนทิตี
- @ผลิตภัณฑ์/ภาษา - การสนับสนุนภาษาและยูทิลิตี้การแปล
- @Product/Languages-next-ui -next.js ส่วนประกอบ UI สำหรับการจัดการภาษา
- @Product/UI -DEMO - Demo UI จัดแสดงส่วนประกอบผลิตภัณฑ์
เริ่มต้นใช้งาน Radzionkit: เปิดตัวโครงการใหม่ของคุณ
เริ่มต้นโครงการของคุณโดยใช้เทมเพลต Radzionkit GitHub คุณสามารถลบแพ็คเกจใด ๆ ที่คุณไม่ต้องการและใช้งานภายใต้ @product เป็นจุดเริ่มต้นสำหรับแอปของคุณ ไม่จำเป็นต้องเปลี่ยนชื่อแพ็คเกจเนื่องจากอนุสัญญาการตั้งชื่อจะแยกแพ็คเกจที่ใช้ซ้ำได้ ( @lib ) จากรหัสเฉพาะโครงการ ( @product ) เมื่อคุณโคลนเทมเพลตให้ติดตั้งการพึ่งพาโดยใช้ yarn และการตั้งค่าของคุณก็พร้อมที่จะไป
การจัดการการพึ่งพาและเวอร์ชัน
หากต้องการอัพเกรดเป็นเส้นด้ายเวอร์ชันล่าสุดให้เรียกใช้คำสั่งต่อไปนี้:
หากต้องการอัพเกรดการพึ่งพาทุกเวอร์ชันล่าสุดให้เรียกใช้คำสั่งต่อไปนี้:
yarn workspaces foreach --all exec yarn up " * "
ตัวอย่างที่ใช้ radzionkit
- เรซูเม่ของ Radzion: เรซูเม่นักพัฒนาส่วนหน้า Web3 Front-end ซอร์สโค้ดที่มีอยู่ใน GitHub
- Pentafret: เว็บไซต์ที่มีเครื่องมือทฤษฎีดนตรีกีตาร์ ซอร์สโค้ดที่มีอยู่ใน GitHub
- ที่เก็บข้อมูล: บันทึกไฟล์บนเครือข่ายการจัดเก็บแบบกระจาย ซอร์สโค้ดที่มีอยู่ใน GitHub
- Crypto: รับการแจ้งเตือนสำหรับการเปลี่ยนแปลงราคา cryptocurrency ซอร์สโค้ดที่มีอยู่ใน GitHub
- Georgiancitizen: แอพเตรียมสอบ ซอร์สโค้ดที่มีอยู่ใน GitHub
- เพิ่มขึ้น: ชุดเครื่องมือเพิ่มประสิทธิภาพที่ออกแบบมาสำหรับคนงานระยะไกล
ตำรา Radzionkit: การพัฒนาที่ง่ายขึ้นด้วยการสอน YouTube ที่ใช้งานได้จริง
เพื่อเพิ่มประสบการณ์ของคุณด้วย Radzionkit เราได้รวบรวมตำรา Radzionkit ซึ่งเป็นชุดของการสอน YouTube ที่ออกแบบมาเพื่อแสดงแอพพลิเคชั่นที่ใช้งานได้จริงของ Toolkit ในการแก้ปัญหาการพัฒนาในชีวิตประจำวัน บทช่วยสอนเหล่านี้ตอบสนองทุกระดับทักษะตั้งแต่ผู้เริ่มต้นไปจนถึงนักพัฒนาที่มีประสบการณ์และครอบคลุมหัวข้อต่าง ๆ ตั้งแต่การตั้งค่าเริ่มต้นไปจนถึงการบูรณาการขั้นสูง วิดีโอ Cookbook Radzionkit เป็นทรัพยากรที่มีค่าซึ่งเสนอคำแนะนำทีละขั้นตอนเคล็ดลับการปฏิบัติและข้อมูลเชิงลึกของผู้เชี่ยวชาญทั้งหมดมีวัตถุประสงค์เพื่อช่วยให้คุณควบคุมพลังเต็มรูปแบบของ Radzionkit สำหรับโซลูชั่นที่มีประสิทธิภาพและสง่างามในโครงการพัฒนาของคุณ
- การสร้างตัวจัดการไฟล์แบบกระจายอำนาจโดยใช้ไดรฟ์อัตโนมัติและ next.js
- สร้างประวัติย่อหน้าเดียวด้วย React & TypeScript (ส่งออกเป็น PDF!)
- วิธีสร้างคุณสมบัติ "มีอะไรใหม่" สำหรับผลิตภัณฑ์ของคุณ
- อาจารย์ลากและวางด้วย DND-KIT: Kanban Board Tutorial
- ลบข้อมูลผู้ใช้ที่ไม่ได้ใช้งานอย่างมีประสิทธิภาพโดยใช้ TypeScript และ AWS Lambda
- การสร้างองค์ประกอบกลางวันด้วย React และ typescript สำหรับการเลือกวันที่
- การใช้องค์ประกอบแบบเลื่อนลงที่กำหนดเองใน React กับ typeScript และ Floating-UI
- Next.js & Amplitude: คู่มือการรวมการวิเคราะห์ที่มีประสิทธิภาพ
- วิธีการสร้างระบบข้อเสนอคุณสมบัติที่ขับเคลื่อนด้วยชุมชนด้วย React & Nodejs
- การตั้งค่าอีเมลอย่างง่ายดายบน AWS: ประหยัดเวลาและเงินด้วยแลมบ์ดาและ Terraform
- การสร้างรายงานการติดตามเวลาแบบโต้ตอบด้วย React และ TypeScript
- วิธีการสร้างโฟลว์ออนบอร์ดที่มีประสิทธิภาพใน React: คู่มือทีละขั้นตอน
- การสร้างรายการสิ่งที่ต้องทำแบบลากแล้วหยดใน React: บทช่วยสอนที่สมบูรณ์
- การสร้างส่วนประกอบแผนภูมิสายปฏิกิริยาตั้งแต่เริ่มต้น
- การสร้างเว็บไซต์ Landing Page ใน TypeScript Monorepo: คู่มือนักพัฒนา
- การทำให้การพัฒนาแบ็คเอนด์ Typepliptive ง่ายขึ้น: คู่มือที่ครอบคลุม
- การสร้างความเป็นสากลในแอปพลิเคชัน NextJS แบบคงที่โดยไม่มีห้องสมุดภายนอก
- คู่มือแท็ก Meta NextJS: ไอคอน SEO & PWA
- การสร้าง comboBox ที่นำกลับมาใช้ใหม่ได้ด้วย React และ typeScript
- typescript การสร้างอัตโนมัติสำหรับส่วนประกอบปฏิกิริยาแบบไดนามิก: การดำน้ำลึก
- การสร้างระบบการชำระเงินแบบสมัครสมาชิกด้วย next.js & node.js
- การสร้างองค์ประกอบโมดอลที่ตอบสนองและเรียบง่ายใน React
- การตรวจสอบอีเมล Magic Link สำหรับแอปพลิเคชัน NextJS + NodeJS
- การรักษาสถานะการตอบสนองในสตริงคิวรี URL ด้วย nextjs
- การใช้งานการตรวจสอบความถูกต้องของ OAuth 2 แบบเต็มซ้อน (Google & Facebook) ด้วย nextjs และ nodejs
- การสร้างเลย์เอาต์ที่แตกต่างกันสำหรับหน้าต่างๆใน NextJs
- การจัดการสถานะปฏิกิริยาที่มีประสิทธิภาพด้วย usepersistentstate และที่เก็บในท้องถิ่น
- CSS ที่มีประโยชน์ใช้สำหรับโครงการ React - คู่มือปฏิบัติ
- ยูทิลิตี้ที่จำเป็นและฟังก์ชั่นผู้ช่วยสำหรับโครงการ typecript
- วิธีการตั้งค่า monorepo กับพื้นที่ทำงานเส้นด้าย, nextjs, ส่วนประกอบสไตล์, สวยกว่า
- การปรับใช้แอพ NextJS Static กับ AWS S3 และ CloudFront
- การออกแบบจานสีสำหรับโหมดมืดและแสงด้วยปฏิกิริยาส่วนประกอบสไตล์และ HSLA
- รูปแบบสี HSLA สำหรับ React: typescript, ส่วนประกอบสไตล์, ตัวแปร, เครื่องกำเนิดสี, ตัวเลือกสี
- การสอนส่วนประกอบปุ่มตอบสนองขั้นสูง
- วิธีการทำส่วนประกอบคำแนะนำเครื่องมือด้วยลูกศรโดยใช้ UI แบบลอยตัว
- คัดลอกข้อความไปยังคลิปบอร์ดบนส่วนประกอบคลิก
- วิธีการทำเมนู popover ตอบสนองส่วนประกอบด้วย UI ลอยตัว
- วิธีทำเมนูอินพุตอิโมจิทำปฏิกิริยากับอิโมจิมาร์ท
- วิธีทำให้เอฟเฟกต์โฮเวอร์ล้นภาชนะด้วยปฏิกิริยา
- วิธีทำส่วนประกอบสไลด์ด้วยอินพุตช่วงปฏิกิริยาและสไตล์
- การสร้างส่วนประกอบปฏิกิริยาอเนกประสงค์: การ์ดและแผงควบคุม
- เลย์เอาต์ CSS ที่มีประสิทธิภาพพร้อมส่วนประกอบสแต็ก
- รูปแบบไดนามิกด้วย react-hook-form usefieldarray
- ส่วนประกอบสกรอลที่ไม่มีที่สิ้นสุดด้วยการสืบค้น React
- การดำน้ำลึกลงไปใน React: uselementsize hook และปรับขนาดการสังเกต
