by Frevation | Apr 29, 2022 | blog, react-native
FAB เป็นปุ่มที่ลอยอยู่บนสุดของจอเรา หลายแอปก็ใช้กันเพื่อความสวยงาม ทีนี้เราจะมาดูกันว่าปุ่มนี้มันเขียนยังไงโดยที่เราไม่ต้องลง library อะไรเพิ่มเลย เราจะใช้อยู่ 2 component หลักๆ ก็คือ Text กับ TouchableOpacity ส่วน stylesheet ใช้เพื่อที่จะได้ไม่ต้องเขียน inline-style...
by Frevation | Feb 3, 2022 | blog, Photoshop
โดยทั่วไปรูปภาพจะมีลักษณะรูปร่างเป็นสี่เหลี่ยมดังรูป แต่ถ้าหากต้องการทำรูปร่างของภาพเป็นรูปร่างต่าง ๆ ที่เราต้องการ มีวิธีการทำดังตัวอย่างต่อไปนี้ 1.ให้สร้าง layer ที่มีรูปร่างตามที่เราต้องการก่อน 2. สร้างอีก layer สำหรับภาพที่เราต้องการมาการมาทำรูปร่าง 3. ต่อมาที่...
by Frevation | Feb 3, 2022 | blog, VSCode
ในฐานะที่เป็นมือใหม่ในการเขียน React เราอาจจะไม่รู้ว่า เราควรเขียนโค้ดยังไงให้มีประสิทธิภาพ โค้ดที่มีคุณภาพจะนำมาซึ่ง performance ที่ดี ในที่นี้เราจะมาแนะนำ Extension ที่จะมาช่วยเราแก้ไขปัญหานั้น คือ ESLint นั่นเอง ในฐานะที่เป็นมือใหม่ในการเขียน React...
by Frevation | Jan 28, 2022 | blog, ReactJS
จากครั้งที่แล้ว เราโชว์ส่วนของ useMemo ไป ทีนี้จะเป็น hook อีกอันนึงเรียกว่า useCallback วิธีใช้ก็ไม่ต่างจาก useMemo เท่าไหร่นัก เอาล่ะ เราไปดูกันเลย ก่อนอื่นจะให้ดูหน้าตาแอปก่อน ถ้าเราพิมตัวเลขใน input ตัวเลขด้านล่างจะเป็น 3 เท่าของ input ส่วนปุ่มเอาไว้เปลี่ยนสีของ...
by Frevation | Jan 21, 2022 | blog, ReactJS
ปกติเราจะใช้ useState เป็นหลักในการเขียน React ใช่ไหม ซึ่งจริงๆแล้ว React ยังมี hook ตัวอื่นที่น่าสนใจอีกเช่นกัน ในบทความนี้ เราจะมาแนะนำ hook ที่เรียกว่า useMemo กัน ก่อนที่บอกว่าตัวนี้เอาไว้ทำอะไร จะให้ดูโค้ดและตัวอย่างหน้าตาแอปก่อน...
