The latest articles on DEV Community by Roy Chen (@musicoding). https://dev.to/musicoding https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F602347%2F612b6d8b-a194-4069-b69c-2204c3ccce3d.png https://dev.to/musicoding en Roy Chen Sat, 04 Dec 2021 15:38:40 +0000 https://dev.to/musicoding/react-native-ewallet-app-ui-animation-drawer-menu-light-dark-theming-3g21 https://dev.to/musicoding/react-native-ewallet-app-ui-animation-drawer-menu-light-dark-theming-3g21 <p>Hey guys 👋 I want to share with you a eWallet App UI by using #ReactNative and #Expo. On this eWallet App #UI has three pages, one for the signing page, the second is a home page which has a list of send money implemented by #FlatList. And the last one is the animated custom drawer menu which using @react-navigation/drawer and react-native-reanimated. Especially The starter template has already supported light dark theme switching and it also have some useful base components, e.g., McText, McImage. etc.</p> <p>Detail please check it out <a href="https://youtu.be/mMW3kdh0PIE">https://youtu.be/mMW3kdh0PIE</a></p> <p>I hope you guys like it! Cheers!<br> Feel free to leave your feedback. Make sure to like + Subscribe For More! </p> reactnative javascript programming beginners Roy Chen Mon, 29 Nov 2021 17:15:52 +0000 https://dev.to/musicoding/tailwindcss-cheatsheet-3in4 https://dev.to/musicoding/tailwindcss-cheatsheet-3in4 <p>Hey guys👋👋 I just made a tailwindcss cheatsheet in mindmap format, please check it out. Hope it's useful for you. 😀😀😀</p> <p><a href="https://www.musicoding.com/blog/tailwindcss-cheatsheet-in-mindmap-format">TailwindCSS CheatSheet</a></p> tailwindcss webdev beginners tutorial Roy Chen Sat, 06 Nov 2021 13:26:53 +0000 https://dev.to/musicoding/react-native-football-app-ui-9a8 https://dev.to/musicoding/react-native-football-app-ui-9a8 <p>Hi guys!👋🏻👋🏻 Today I will share with you a nice and clean Football app UI by using #ReactNative and #Expo. Hopefully you can learned something from it. </p> <p>Detail please check it out <a href="https://youtu.be/LOJdbySUA9U">https://youtu.be/LOJdbySUA9U</a> </p> <p>Happy Coding!!! <br> Thank you for watching! Make sure to like + Subscribe For More!</p> reactnative javascript programming mobile Roy Chen Sun, 28 Mar 2021 02:22:08 +0000 https://dev.to/musicoding/react-native-code-snippets-messaging-ui-example-with-styled-components-mm4 https://dev.to/musicoding/react-native-code-snippets-messaging-ui-example-with-styled-components-mm4 <p>Hey guys! Hope you all are doing well! <br> New react native code snippet - Messaging UI example. </p> <p><a href="https://youtu.be/WYikF2TU-eY">https://youtu.be/WYikF2TU-eY</a></p> <p>Thank you for watching! Make sure to like and subscribe for more videos like this!</p> <p><a href="https://youtu.be/WYikF2TU-eY"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--EJ82-JS9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://musicoding.com/content/images/size/w2000/2021/03/react_native_code_snippets_messaging.png" alt="Watch the video"></a></p> reactnative javascript tutorial Roy Chen Tue, 23 Mar 2021 14:12:33 +0000 https://dev.to/musicoding/react-native-code-snippets-with-styled-components-2am1 https://dev.to/musicoding/react-native-code-snippets-with-styled-components-2am1 <p>In this series you will learn how to build the React Native mobile app UI which can be worked as code snippets. You also can use the examples for save time building native mobile apps for android and iOS using React Native.</p> <p><a href="https://youtu.be/HDqIpx36uUs"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--qj3FHfFO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4cujbhar2nn7owdpheaf.png" alt="Watch the video"></a></p> <ul> <li>Design: <a href="https://www.behance.net/gallery/55462459/Wires-free-wireframe-kits-for-Adobe-XD">https://www.behance.net/gallery/55462459/Wires-free-wireframe-kits-for-Adobe-XD</a> </li> <li>Source Code: <a href="https://musicoding.com/tag/snippets/">https://musicoding.com/tag/snippets/</a> </li> <li>Software Used: VSCode, Expo</li> <li>Social Media: Facebook: <a href="https://www.facebook.com/musiccoding">https://www.facebook.com/musiccoding</a> Twitter: <a href="https://twitter.com/musicoding">https://twitter.com/musicoding</a> </li> </ul> <p>Thank you for watching! Make sure to like and subscribe my youtube channel <a href="https://bit.ly/39g9MWs">https://bit.ly/39g9MWs</a> for more videos like this!</p> reactnative javascript beginners tutorial