💡 เมื่อเราได้เรียนรู้วิธีการเขียนเว็บมาสักพักแล้ว ไม่ว่าจะเป็นพื้นฐานที่สำคัญ เช่น HTML, CSS และ JavaScript แล้วเราอยากจะอยากไปลองใช้ Library หรือ Framework เจ๋ง ๆ ที่ช่วยในการเขียนเว็บ อย่าง React ต้องรู้อะไรบ้าง ??
.
👉 ซึ่งไอเจ้า React เนี่ยมันมีพื้นฐานจาก JavaScript นั่นเอง เราจึงจำเป็นต้องรู้ Concept ที่สำคัญ ๆ ก่อนจะไปใช้งานเจ้า React นั่นเอง
.
มีอะไรบ้าง?? ไปดูกันเลยจ้า 🔥
.
⚙️ Basic Data Structure
Data Structure เป็นหัวใจหลักในการเขียนโปรแกรม ดังนั้นเราต้องเรียนรู้ Data Structure ประเภทต่าง ๆ ให้เข้าใจก่อน ตัวอย่างเช่น การรับ-ส่ง Request จาก API มายัง JS เราก็ต้องมีวิธีที่จะจัดการกับโครงสร้างของข้อมูลที่ดึงมาจาก API เพื่อให้เราสามารถนำข้อมูลนั้นไปใช้ได้ตามต้องการ
.
🌟 DOM
DOM หรือ Document Object Model เป็นการปรับเปลี่ยนโครงสร้าง HTML ให้เป็นแบบ Object โดยให้ JavaScript สามารถจัดการกับ HTML ผ่านโครงสร้างของ DOM ได้นั่นเอง ซึ่งเจ้า React จะใช้โครงสร้าง DOM เป็นหลัก เพื่อสร้างการโต้ตอบบนหน้าเว็บที่สะดวกยิ่งขึ้น ตัวอย่างเช่น เมื่อคลิกปุ่มสามารถแสดงข้อความ หรือเปลี่ยนสีของข้อความนั่นเอง
.
🚚 API
API ย่อมาจาก Application Program Interface ซึ่งเราต้องมีพื้นฐานการใช้งาน API เพื่อนำข้อมูลมาใช้บนหน้าเว็บนั่นเอง อาจจะไม่ต้องถึงกับสร้าง API ใช้ก็ได้นะ เพียงแค่รู้โครงสร้าง และวิธีการดึงมาใช้งานพื้นฐานก็พอแล้ว !!
.
🔧 Axios / Fetch
เครื่องมือสำคัญที่ช่วยให้เราดึง API ต่าง ๆ มาใช้งานได้ง่ายมากขึ้นนั่นเอง !! ซึ่งเป็นสิ่งสำคัญมาก ๆ ในการพัฒนาหน้าเว็บ เพราะมันจะช่วยให้เราสามารถรับ-ส่งข้อมูลแบบไดมามิก และเชื่อมต่อระหว่าง Back-end ได้ง่าย
.
📚 ES6+
สิ่งสำคัญคือเราต้องเรียนรู้วิธีเขียน JavaScript มาตรฐานใหม่ ซึ่งจะช่วยให้โค้ดของเรามีรูปแบบที่อ่านง่ายมากขึ้น !! ซึ่งใน React ที่จะนิยมใช้ ได้แก่ Template Literals, Arrow Functions, Promise, Async / Await, const & let vs var และ Spread Operator นั่นเอง
.
🗂️ JS Array Methods
เมื่อเราสามารถดึงข้อมูลจาก API มาใช้ได้แล้วนั้น เราก็ต้องรู้จักวิธีจัดการกับข้อมูลนั้น ๆ ด้วยนะ ซึ่งมันจะง่ายขึ้นถ้าเรารู้จักใช้ความสามารถของ Array Methods ต่าง ๆ ซึ่งที่นิยมใช้กัน ได้แก่ map(), forEach(), find(), และ filter() เป็นต้น บอกเลยว่าถ้าใช้พวกนี้เป็น ทำให้ชีวิตง่ายขึ้นแน่นอน!! 5555
.
อะทั้งหมดนี้คือ Concept JavaScript พื้นฐานที่สำคัญที่คนเขียน React ต้องมีนะ หวังว่าเพื่อน ๆ จะชอบกันน้าาาา ใครมีอะไรเพิ่มเติมคอมเมนต์ไว้ได้เลย 🥰
.
📑 Source : https://lorenzejay.hashnode.dev/javascript-concepts-you-should-know-before-jumping-into-react-or-any-other-frontend-framework
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
「before css」的推薦目錄:
- 關於before css 在 BorntoDev Facebook 的最佳解答
- 關於before css 在 大嘥鬼 Big Waster Facebook 的精選貼文
- 關於before css 在 滴惜仔 Water Save Dave Facebook 的精選貼文
- 關於before css 在 CSS沒有極限- 別忘了偽元素| 卡斯伯Blog 的評價
- 關於before css 在 Selecting and manipulating CSS pseudo-elements such as 的評價
- 關於before css 在 Before and After pseudo elements explained - part one 的評價
- 關於before css 在 pseudo-elements to replace list-style-image with an Sprite 的評價
before css 在 大嘥鬼 Big Waster Facebook 的精選貼文
德德又有新歌鳥!
作為佢嘅好巴打👬❤,點可以唔 Share?
呢首歌,唔單止唱出咗好多大道理,仲令我聽完之後覺得非常之有親切感🤗!
我曾經都係一個好浪費嘅鬼,就好似德德一樣,我都係慢慢先搵到自己嘅使命,原來就係保護環境,惜物減廢!所以,我高度推介呢首歌畀各位朋友欣賞。唔講咁多,去歌🎶。
#好真的鬼仔 #好環保的鬼仔
#其實禾都好唱德 #樂壇欠我一個環保袋
#德德幾時搵我featuring
【阿德新歌之二:我的過去一言難盡但可以唱出來有人想知我就用歌聲答你thx】
每個人都經歷過迷茫期,我都有。
曾經,我係一條非常污糟嘅龍。雖然我內心渴望清潔,但奈何我無動力去做。喺嗰個時候,我遇上一個改變我一生嘅人。全靠佢循循善誘,令我努力清潔,我先會成為今日嘅清潔龍阿德。
呢首歌係獻俾所有為人生感到迷茫嘅人。請你放心,你一定會搵到屬於自己嘅天地。
仲有,記得保持清潔。
請Follow埋我 IG:https://www.instagram.com/keepclean_ahtak/
《我的過去一言難盡但可以唱出來有人想知我就用歌聲答你thx》
唱:Ah Tak Team feat. Luna Is A Bep
詞:Ah Tak Team, Luna Is A Bep
曲:Brokeboy
特別鳴謝:徐嘉浩 Kevin Kaho Tsui
[Verse 1: CSS@AT]
大概喺三年前嘅今日我出咗名著鞋唔鍾意著襪
唔鍾意沖涼唔鍾意洗頭最鍾意亂拋垃圾棄置廢物
光陰似箭日月如梭呢個世界嘅垃圾我居然開始嫌多
返到屋企攝高枕頭 反省自己好唔好 做個 清潔 初哥
[Chorus 1: D38813@AT & CSS@AT]
Hey where did you go?
究竟我要點做先至無咁污糟
Just go with the flow.
決心悔改但有邊個聽我禱告
Join Us 清潔 Clean Lit Soc
過去無得當粉筆字輕輕一掃
to complete your soul.
[Speech: Extracted from Julius Caesar, Shakespeare, W., recited by Axl Ron@AT]
Cowards die many times before their deaths;
The valiant never taste of death but once.
Of all the wonders that I yet have heard.
It seems to me most strange that men should fear;
Seeing that death, a necessary end,
Will come when it will come.
[Verse 2: Feat. Luna Is A Bep]
接受自己備受差遣嘅使命
忘記過去洗滌乾淨你嘅心靈
做個清潔精兵每場仗靠你戰勝
意志要堅定無論天陰天晴
推倒軟弱拯救骯髒嘅靈魂無論有咩輘輷
將一切恐懼鯨吞
你要相信自己有能力影響七百萬人
過去嘅錯已被赦免唔會再受懲罰
叫得你阿德你叫得阿德你就一定得
[Bridge 1: Feat. Luna Is A Bep]
當日犯傻
今天你已改過
清潔永無做多咗
相信我
拋開污糟枷鎖
[Bridge 2: D38813@AT & CSS@AT]
Join us right now or never. If you ever
當香港係屋企 就要應承我會打理 屋 屋 屋 企
Say you will do it forever. Forever
將屋企變企理 唔好貪方便亂咁嚟 o-o-o-kay?
[Chorus 2: D38813@AT & CSS@AT]
Hey where did you go?
遇見一條龍突然令我好仰慕
Just go with the flow.
乾淨又有型就如騰雲駕霧
Join Us 清潔 Clean Lit Soc
最後我跟咗佢翻去清潔龍嘅總部
to complete your soul.
[Verse 3: CSS@AT]
擦身而過係藍色嘅身影 夕陽照射下映出泛黃風景
手執魔法掃把配對憂鬱嘅眼睛 高貴嘅靈魂顯露出無比嘅真誠
抱起面前骯髒嘅小龍 話綠色haha 都唔係垃圾蟲啫
小龍嘅雙眼開始變得矇矓 發現綠色嘅自己終於得到認同
before css 在 滴惜仔 Water Save Dave Facebook 的精選貼文
【阿德新歌之二:我的過去一言難盡但可以唱出來有人想知我就用歌聲答你thx】
每個人都經歷過迷茫期,我都有。
曾經,我係一條非常污糟嘅龍。雖然我內心渴望清潔,但奈何我無動力去做。喺嗰個時候,我遇上一個改變我一生嘅人。全靠佢循循善誘,令我努力清潔,我先會成為今日嘅清潔龍阿德。
呢首歌係獻俾所有為人生感到迷茫嘅人。請你放心,你一定會搵到屬於自己嘅天地。
仲有,記得保持清潔。
請Follow埋我 IG:https://www.instagram.com/keepclean_ahtak/
《我的過去一言難盡但可以唱出來有人想知我就用歌聲答你thx》
唱:Ah Tak Team feat. Luna Is A Bep
詞:Ah Tak Team, Luna Is A Bep
曲:Brokeboy
特別鳴謝:徐嘉浩 Kevin Kaho Tsui
[Verse 1: CSS@AT]
大概喺三年前嘅今日我出咗名著鞋唔鍾意著襪
唔鍾意沖涼唔鍾意洗頭最鍾意亂拋垃圾棄置廢物
光陰似箭日月如梭呢個世界嘅垃圾我居然開始嫌多
返到屋企攝高枕頭 反省自己好唔好 做個 清潔 初哥
[Chorus 1: D38813@AT & CSS@AT]
Hey where did you go?
究竟我要點做先至無咁污糟
Just go with the flow.
決心悔改但有邊個聽我禱告
Join Us 清潔 Clean Lit Soc
過去無得當粉筆字輕輕一掃
to complete your soul.
[Speech: Extracted from Julius Caesar, Shakespeare, W., recited by Axl Ron@AT]
Cowards die many times before their deaths;
The valiant never taste of death but once.
Of all the wonders that I yet have heard.
It seems to me most strange that men should fear;
Seeing that death, a necessary end,
Will come when it will come.
[Verse 2: Feat. Luna Is A Bep]
接受自己備受差遣嘅使命
忘記過去洗滌乾淨你嘅心靈
做個清潔精兵每場仗靠你戰勝
意志要堅定無論天陰天晴
推倒軟弱拯救骯髒嘅靈魂無論有咩輘輷
將一切恐懼鯨吞
你要相信自己有能力影響七百萬人
過去嘅錯已被赦免唔會再受懲罰
叫得你阿德你叫得阿德你就一定得
[Bridge 1: Feat. Luna Is A Bep]
當日犯傻
今天你已改過
清潔永無做多咗
相信我
拋開污糟枷鎖
[Bridge 2: D38813@AT & CSS@AT]
Join us right now or never. If you ever
當香港係屋企 就要應承我會打理 屋 屋 屋 企
Say you will do it forever. Forever
將屋企變企理 唔好貪方便亂咁嚟 o-o-o-kay?
[Chorus 2: D38813@AT & CSS@AT]
Hey where did you go?
遇見一條龍突然令我好仰慕
Just go with the flow.
乾淨又有型就如騰雲駕霧
Join Us 清潔 Clean Lit Soc
最後我跟咗佢翻去清潔龍嘅總部
to complete your soul.
[Verse 3: CSS@AT]
擦身而過係藍色嘅身影 夕陽照射下映出泛黃風景
手執魔法掃把配對憂鬱嘅眼睛 高貴嘅靈魂顯露出無比嘅真誠
抱起面前骯髒嘅小龍 話綠色haha 都唔係垃圾蟲啫
小龍嘅雙眼開始變得矇矓 發現綠色嘅自己終於得到認同
before css 在 CSS沒有極限- 別忘了偽元素| 卡斯伯Blog 的推薦與評價
.naruto:before,.naruto:after{ /*選取.naruto的前方偽元素及後方偽元素*/ content: ""; /*產生一個空的元素*/ position: absolute; /*利用absolute定位*/ ... ... <看更多>