React Icon ครบ จบ ที่ตัวเดียว

January 24, 2023

หนึ่งในดวงใจ Icon Library สำหรับชาว React แล้วคงหนี้ไม่พ้น react-icons ด้วยความหลากหลายของไอคอน รวมไอคอนไลบรารี่ ที่ชาวเดฟรู้จักเป็นอย่างดี ไว้ในที่เดียว มีทั้ง Ant Design, Bootstrap, Font Awesome และอื่นๆอีกหลายสไตล์

React-Icons

อย่างที่บอก เมื่อสามารถเลือก Icon ที่ต้องการ ได้หลากหลาย

Library ตัวนี้จึงเป็นตัวจบ การใช้ Icon ใน React เลยทีเดียว

ข้อแนะนำ

ถึงแม้จะใช้ได้หลายสไตล์ก็ตาม แต่ถ้าเอาสไตล์ที่แตกต่างกันมาใช้ด้วยกัน มันก็ไม่เข้ากันอยู่ดี ดังนั้นข้อแนะนำสำหรับผมคือ ถ้าเราใช้ Font Awesome แล้วมันเพียงพอ ก็ใช้ Original ของมันไปดีกว่าครับ

อาจจะลองเลือกดูสักสไตล์ที่เข้ากับแอพของเรา แล้วใช้อันนั้นไปเลย แต่ถ้ามันไม่เพียงพอค่อยมาใช้ React-Icon ก็ได้

Comments

"yes" "yeah" "yep" เหมือนและต่างกันอย่างไร ?

October 26, 2012

สวัสดีครับ หลายคนคงปิดเทอมกันอยู่ล่ะสิ แอดมินก็เหมือนกัน กิจกรรมที่น่าทำมากๆตอนปิดเทอม ก็ต้องดูหนังสิครับ ซี่รี่เอย การ์ตูนเอย จัดเต็มกันไปเลย แล้วท่านผู้อ่านเคยสงดูหนังฝรั่งไหมครับ เคยสงสัยไหมว่า Yes ,Yeah ,Yep ,Yup อะไรพวกนี้มันเหมือนกันไหม แตกต่างกันอย่างไร แอดมินก็สงสัยครับ .... จนในที่สุดก็ได้รับคำตอบว่า คำพวกนี้ความหมายเหมือนกันครับ คือแปลว่า "ใช่" ส่วนคำว่า Yeah (ออกเสียงว่า "เย") นั้นมาจากความขี้เกียจของฝรั่งที่ไม่อยากออกเสียง S แต่ก็มีอีกพวกที่ไม่อยากออกเสียง S พวกนี้ใช้ P แทน จึงกลายเป็น Yep หรือ Yup ครับ นอกจากนี้ยังมี Ya คำนี้ส่วนใหญ่จะเห็นในเพลงนะครับ ถามว่าเราควรใช้คำไหน แอดมินคิดว่าตามสะดวกแหละครับ แต่หากจะเป็นทางการหน่อย ก็ใช้ Yes ถ้า Yep ก็จะประมาณว่า "เออ" "อือ" อะไรทำนองนั้น ส่วน Yeah ก็จะเหมือนกับตอนที่เราต้องการพูดว่า "ใช่" แบบ "แมร่งใช่อ่ะ" คือมีอารมณ์ด้วย ลองดูคลิปด้านล่างเป็นตัวอย่างก็ได้ครับ ตอนนี้แอดมินกำลังฝึกภาษาอังกฤษต้อนรับ AEC อยู่ครับแหะๆ วันนี้ก็เลยพูดเรื่องภาษาอังกฤษ

วิธีใช้ Google Chrome Extension บน Microsoft Edge (Chromium)

August 11, 2020

รีวิว Dentiste Mastic Mint Bomb เม็ดอมที่ไม่ได้มีดีแค่ความสดชื่น

December 08, 2019

กลับมาอีกแล้วกับ แอดมินนักรีวิวเซเว่นในตำนาน เหมือนจะหลุดจากวงโคจรของวิศวกรรมไปไกล แต่ก็นั่นแหละ ยังนึกไม่ออกว่าจะเขียนอะไรดี ใครอยากอ่านเรื่องอะไรก็ลองคอมเม้นมาดู ถ้าเขียนได้ จะกลับมาเขียนอย่างจริงจังนะ พูดถึงเม็ดอมที่อยู่ในเซเว่น นั้นมีหลากหลายสายพันธุ์ และเนื่องด้วยแอดมินเป็นแฟนตัวยงของเซเว่น จึงไม่พลาดเลยที่จะต้องแว๊บไปส่องโซนลูกอมเกือบทุกวัน และวันนี้ก็เช่นกันที่แอดมินสะดุดตากับเจ้า.. Dentiste Mastic Mint Bomb บอกเลยว่าใครที่ใช้ยาสีฟันของ Dentiste อยู่ เป็นต้องสะดุดแบบแอดมินแน่นอน ก็ใครจะไปนึกล่ะว่าแบรนด์ยาสีฟันจะหันมาทำเม็ดอมกะเค้าด้วย เออ เอากะเค้าสิ แบบนี้ไม่ลองไม่ได้แล้ว ซองก็ประมาณนี้ เหมือนถุงยางอ่ะ ฮ่าๆๆ ว่าแล้วก็จัดมา 1 กล่องมี 2 ซอง ในซองมี 2 เม็ด หลายคนอาจจะสับสนเหมือนแอดมินว่า Mastic ที่เขียนอยู่บนซอง มันคืออะไร จริงๆแล้วมันคือ Mastic Oil น้ำมันจากต้น Mastic ลองไป Google ดูเอา สรรพคุณของมันคือ ช่วยต้านแบคทีเรียในช่องปาก สาเหตุของการเกิดกลิ่นปากหนะเอง #ความรู้ก็มา ความรู้สึกหลังกินคือ เย็นมาก... เมื่อแอดมินบอกว่ามาก มันคือมาก You know! โดยตั

รีวิว ปีเตอร์แมน Peter Man วิธีกำจัดแมลงสาบ เห็นผลไว Cockroach Killer Gel Bait (ฉบับเรื่องเล่า)

June 02, 2020

บล็อกนี้มีเรื่องมาเล่าครับ เป็นเรื่องหงุดหงิด ติดใจแอดมินมาสักพัก คือแอดมินเช่าหอพักอยู่ อยู่มาหลายปีล่ะ ไม่มีปัญหาอะไรกวนใจ แต่พอมาสักเดือนสองเดือนก่อนหน้า แมลงสาบมันมาจากไหนไม่รู้ เข้ามาห้องแอดมิน เดินกันสบายใจเลย เข้ามาทางประตูหน้าด้วย โกรธตรงไม่เคาะประตูนี่แหละ จริงๆก็ไม่ได้กลัวอะไรมากมายนะ สามารถเอาไม้กวาดตบๆ ไล่ไปจากห้องได้ (ถ้ามันไม่บินอ่ะนะ แว๊กกกก) คือก็ไล่ไปเว้ย แต่.. ครั้งก็แล้ว สองครั้งก็แล้ว สามครั้งก็แล้ว ไม่ไหว บางทีมันก็วิ่งไปซ่อนตรงที่ไม้กวาดไปไม่ถึง จะใช้ชีวิตปกติก็ไม่ได้ หวาดระแวงไปหมด เหม็นกลิ่นสาบอีก เห็นอะไรหางตา นี่ก็คอยจะนึกถึง มันหรือเปล่าวะ มันหรือเปล่าวะ (ยิ่งกว่าโควิด) Photo by Nowshad Arefin on Unsplash ตัดสินใจ ซื้อยาไล่แมลงแบบพ่นมา ทีนี้เวลาเจอกัน "ไฮ ปีเตอร์ !!" ตาต้องจ้องไว้ เพราะเผลอแล้วแม่ง หายไปทุกที เดินถ่อยหลังไปหยิบยามาฉีด ฟี๊ดดดด.. บทสรุปของวิธีนี้คือแม่งตายแหละ แต่กว่าจะตาย วิ่งไปวิ่งมา หงายท้องสามชั่วโมง ยังดิ้นอยู่ได้ อีกอย่างแอด

ฝากโค๊ด Online ด้วย Pastebin กันเถอะครับ !!

June 17, 2012

Search This Blog

Engineer Indy Blog