잠시만 기다려 주세요.
친절한 개발자, 제임스
2024. 3. 8.
프리랜서 개발자를 위한 툴 https://fingr.io 프리랜서 컨설팅 https://seonghoonlee.notion.site/94ec9ae13a0d438d90edee2ccd4f7355?pvs=74 브런치 글: https://brunch.co.kr/@jamess/103 #개발자 #비전공자 #비전공 #컴퓨터 #프리랜서 #외주 #디지털노마드
I’m so hyped I decided to dig into the Next.js github repo, I found soke very fun new things :) Check out my Twitch, Twitter, Discord more at https://t3.gg S/O Ph4seOn3 for the awesome edit 🙏
2024. 10. 22.
Google is bringing the latest image generation model, Imagen 3 to Gemini Apps and expanding its availability for users in all languages. Imagen 3 sets a new standard for image quality, generating images with just a few words. You can even ask Gemini to create images in various styles — like photorealistic landscapes, textured oil paintings or whimsical claymation scenes. 🔗 Links 🔗 Gemini Imagen 3 Generation Details for free - https://support.google.com/gemini/answer/14286560?visit_id=638603118036201008-476356290&p=b_gen_img&rd=1 ❤️ If you want to support the channel ❤️ Support here: Patreon - https://www.patreon.com/1littlecoder/ Ko-Fi - https://ko-fi.com/1littlecoder 🧭 Follow me on 🧭 Twitter - https://twitter.com/1littlecoder Linkedin - https://www.linkedin.com/in/amrrs/
2024. 8. 28.
Get 10000 free mins with UIKits: https://bit.ly/3AgHEp8 Take advantage of ZEGOCLOUD: https://bit.ly/46zz5lI 100% customized live streaming SDK: https://bit.ly/46yzSU0 How to build React Native live streaming app: https://bit.ly/3LVz69L In this tutorial I showed how to Clone Facebook livestream with React Native, ZEGOCLOUD livestream UIKit, Reanimated, Redux-Toolkit, and PanResponder Please don't forget to like and subscribe, it motivates me :) If you have any question about anything, or if something is not working please let me know in the comment section In the tutorial you will learn about how to create custom bottom sheet with Reanimated and PanResponder Integrate ZEGOCLOUD UIKit in React Native to quickly bootstrap a livestream feature in your react native mobile applications create a custom vertical-sliding native stack page setup and use redux-toolkit in react native...and many more things Time 00:00:00 - 00:07:35 - Demo 00:07:35 - 00:18:51 - introduction and ZEGOCLOUD livestream app setup 00:18:51 - 00:19:46 - installation of dependencies 00:19:46 - 00:28:14 - Configuration 00:28:14 - 00:37:52 - Setup Redux toolkit and providers 00:37:52 - 01:35:36 - App initialisation (running pod install), launching the app in iOS emulator, and router and bottom tabs setup 01:35:36 - 00:04:44:29 - Home tab design, live stream screen design, and custom bottom sheet implementation with Reanimated and PanResponder 00:04:44:29 - End - integrating, configuring and testing livestream with ZEGOCLOUD UIKit Links React Native homepage https://reactnative.dev/ The lesson files on my github repository https://github.com/paulosabayomi/facebook-live-clone-with-react-native-and-zegocloud-livestream-uikit ZEGOCLOUD signup for an account through the homepage https://www.zegocloud.com/ ZEGOCLOUD livestream UIKit documentation for react native https://www.zegocloud.com/docs/uikit/live-streaming-kit-rn/overview Quickstart https://www.zegocloud.com/docs/uikit/live-streaming-kit-rn/quick-start/quick-start Co-hosting https://www.zegocloud.com/docs/uikit/live-streaming-kit-rn/quick-start/quick-start-(with-cohosting) React Native SVG https://github.com/software-mansion/react-native-svg/tree/main React Native SVG Transformer https://www.npmjs.com/package/react-native-svg-transformer Figma design containing few Facebook mobile app components https://www.figma.com/design/wXkNOLjFPYE1vrm9Si6IPc/Facebook-New-Updated-Logo%2C-Reactioins%2C-Iconography-%26-Font-(Community)?node-id=0-1&t=GGgvkG5aNsNFgAMH-0 React-native-context-menu-view (not later used) https://www.npmjs.com/package/react-native-context-menu-view React Native Paper https://callstack.github.io/react-native-paper/ Menu Item https://callstack.github.io/react-native-paper/docs/components/Menu/MenuItem/ React Native Vision Camera https://react-native-vision-camera.com/docs/guides React Native Reanimated Getting started https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started Quick example https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/your-first-animation/ Gorhom Bottom Sheet https://ui.gorhom.dev/components/bottom-sheet/usage React Navigation Getting started https://reactnavigation.org/docs/getting-started Stack Navigator https://reactnavigation.org/docs/stack-navigator/#installation Bottom Tabs https://reactnavigation.org/docs/bottom-tab-navigator Redux-toolkit Introduction https://redux-toolkit.js.org/introduction/getting-started Typescript setup https://redux-toolkit.js.org/tutorials/typescript React Native Context Menu (not later used) https://github.com/brnho/react-native-context-menu #zegocloud #livestreamingsdk #streamingservice #flutterstreaming #reactnative
2024. 8. 16.
Code: https://github.com/burakorkmez/react-go-tutorial ( 🌟Stars appreciated) Join the Discord to ask your questions: https://discord.gg/YFn2WyheZV Twitter Clone: https://youtu.be/4GUVz2psWUg?si=HeUB8K_DN5k2GKCD Learn Go and React by building a Full Stack app. TypeScript is the cherry on top. Some Features: - ⚙️ Tech Stack: Go, React, TypeScript, MongoDB, TanStack Query, ChakraUI - ✅ Create, Read, Update, and Delete (CRUD) functionality for todos - 🌓 Light and Dark mode for user interface - 📱 Responsive design for various screen sizes - 🌐 Deployment - 🔄 Data fetching, caching, and updates with TanStack Query - 🎨 Stylish UI components with ChakraUI - ⏳ And much more! Timestamps: 00:00:00 Intro && Demo 00:01:36 Comparing to Node.js 00:07:30 Project Setup 00:18:00 API without DB 00:42:30 API with DB 01:13:35 UI Design 01:28:00 Consume API From React 01:53:00 Configuration for Deployment 02:00:30 Deployment for Free! Thanks for watching. See you in the next one!
2024. 5. 5.
대세는 꽃게 제국!? C C++ 쓰지말라는 백악관...! . 📌 니꼬쌤이랑 재밌게 코딩 시작하기! https://bit.ly/3nvMlWi
2024. 7. 20.
이번 영상에서는 코틀린 코루틴의 기본 동작 구조인 워커 스레드 패턴과 코드 실행의 흐름을 일시 정지할 수 있는 코틀린의 suspending 함수에 대해서 알아봅니다. 00:00 워커 스레드 패턴 01:20 suspending 함수 실행하기 03:12 Continuation의 resumeWith 03:45 suspending 함수의 실체 조금 더 자세한 내용이 알고 싶다면? → https://github.com/Kotlin/KEEP/blob/master/proposals/coroutines.md 코드스피츠 디스코드 채널을 통해 스터디에 참여할 수 있어요! https://www.youtube.com/redirect?event=Watch_SD_EP&redir_token=QUFFLUhqblB0dWtpVWdJWmNHREZKNGVRd2d4enJaRmV4QXxBQ3Jtc0tsd1RWYmxEMURwdV9QNUFUUkd6MEJzbTlUaGVwQ2wtVXNNSTZMWWQ5TXBJZFczTXUtOTlYLUJQMkNTcXN1T3h3UnUzV2sweHZPdTJ0d3JLdTh3SU82ZTkyVVJ2UEdvVkJScVNaaXV4RDdOS2pkRWFxYw&q=https%3A%2F%2Fdiscord.gg%2FtkZgpQF #Kotlin #Coroutines #코틀린 #코루틴
2024. 7. 21.