잠시만 기다려 주세요.
Anton Putra
2024. 8. 22.
👉 [Playlist] New Benchmarks: https://youtube.com/playlist?list=PLiMWaCMwGJXmcDLvMQeORJ-j_jayKaLVn&si=p-UOaVM_6_SFx52H 🔴 - To support my channel, I’d like to offer Mentorship/On-the-Job Support/Consulting - me@antonputra.com 👉 [Playlist] Performance Benchmarks: https://www.youtube.com/playlist?list=PLiMWaCMwGJXl-h2RgOSpdO-pQaSRwlVjd ▬▬▬▬▬ Experience & Location 💼 ▬▬▬▬▬ ► I’m a Senior Software Engineer at Juniper Networks (12+ years of experience) ► Located in San Francisco Bay Area, CA (US citizen) ▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬ ► LinkedIn: https://www.linkedin.com/in/anton-putra ► Twitter/X: https://twitter.com/antonvputra ► GitHub: https://github.com/antonputra ► Email: me@antonputra.com ▬▬▬▬▬▬ Related videos 👨🏫 ▬▬▬▬▬▬ 👉 [Playlist] Kubernetes Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXnHmccp2xlBENZ1xr4FpjXF 👉 [Playlist] Terraform Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXmJdmfJjG3aK1IkU7oWvxIj 👉 [Playlist] Network Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXluySjXqWG6fg1H1hzd-zWz 👉 [Playlist] Apache Kafka Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXlL8-E-xu8RBwyC5YfS3V5e 👉 [Playlist] Performance Benchmarks: https://www.youtube.com/playlist?list=PLiMWaCMwGJXl-h2RgOSpdO-pQaSRwlVjd 👉 [Playlist] Database Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXnhmmh5pu9sdWekdRwAzV5f ▬▬▬▬▬▬▬ Timestamps ⏰ ▬▬▬▬▬▬▬ 0:00 Intro 1:27 .Net Overview 2:16 Golang Overview 2:43 1st Test Diagram 3:52 2nd Test Diagram 5:11 Image Size 6:07 Startup time 7:13 1st Test 11:28 2nd Test ▬▬▬▬▬▬▬ Source Code 📚 ▬▬▬▬▬▬▬ ► GitHub: https://github.com/antonputra/tutorials/tree/main/lessons/202 #dotnet #golang #kubernetes
👉 Check out Semaphor: https://semaphor.cloud (paid sponsorship). Disclaimer: this is a sponsored video (paid). It's your responsibility to evaluate safety, accuracy and other relevant parts of the reviewed product. 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Check out Kinde for auth and more https://bit.ly/3QOe1Bh 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Web development roadmap 2024 & 2025: https://email.bytegrad.com 👉 Email newsletter (BIG update soon): https://email.bytegrad.com 👉 Discord: all my courses have a private Discord ⏱️ Timestamps: 00:00 Best practices = Senior dev 01:12 Sponsor 03:58 #1 Constants / Hard-coded values / Magic values 12:03 #2 Folder structure 16:02 #3 Components: when to create them 23:42 #4 Avoid unnecessary markup (div's) 27:28 #5 IMPORTANT: don't add layout styles to reusable component 33:30 #6 Use TypeScript (why & where in React) 37:07 #7 IMPORTANT: Keep components simple (children pattern, updater function for useState) 51:32 #8 IMPORTANT: Don't use setter function from useState, instead create a separate event handler function 55:43 #9 IMPORTANT: Naming props (when prop is a function) 01:02:42 #10 useMemo, useCallback & React.memo() for performance 01:09:12 #11 When to use updater function from useState 01:11:32 #12 Use single state instead of multiple states 01:13:15 #13 IMPORTANT: one source of truth in programming. Keep track of a 'selected' or 'active' item by its id, NOT its whole object! 01:18:18 #14 IMPORTANT: use the URL for some state (filters, pagination, etc.), not useState 01:21:37 #15 Keep useEffect simple: one concern per useEffect 01:26:18 #16 IMPORTANT: instead of fetching data in useEffect, consider alternatives 01:33:12 #17 IMPORTANT: improve overall structure with components, custom hooks and utility functions 01:45:50 Outro #webdevelopment #reactjs #nextjs
2024. 8. 1.
Links: Material UI: https://mui.com/material-ui/getting-started/installation/ Redux Toolkit: https://redux-toolkit.js.org/introduction/getting-started React Router: https://reactrouter.com/en/v6.3.0/getting-started/installation Redux Persist: https://github.com/rt2zz/redux-persist React Dropzone: https://react-dropzone.js.org/ Node: https://nodejs.org/en/download/ Nodemon: https://github.com/remy/nodemon NPX: https://www.npmjs.com/package/npx VsCode: https://code.visualstudio.com/download Dotenv: https://github.com/motdotla/dotenv MongoDB: https://www.mongodb.com/ Mongoose: https://github.com/Automattic/mongoose JsonWebToken: https://github.com/auth0/node-jsonwebtoken Multer: https://github.com/expressjs/multer GridFS-Storage: https://github.com/devconcept/multer-gridfs-storage Google Fonts: https://fonts.google.com/ Formik: https://formik.org/docs/overview Yup: https://github.com/jquense/yup Code completed code: https://github.com/ed-roh/mern-social-media assets file: https://github.com/ed-roh/mern-social-media/tree/master/server/public/assets input data file: https://github.com/ed-roh/mern-social-media/blob/master/server/data/index.js theme file: https://github.com/ed-roh/mern-social-media/blob/master/client/src/theme.js ——————————— Subscribe to my channel: https://www.youtube.com/channel/UCMoEx7gz7IbJHv733yEi2aA/?sub_confirmation=1 for more web development and web 3.0 blockchain tutorials! ——————————— Who is EdRoh? I'm a lead engineer for a publicly traded company and have been developing for a decade now. I'm here to provide you in-depth tutorials by simplifying difficult concepts and more importantly, getting your hands dirty by building production level projects with ease to impress your future/current employer or clients. ====== Chapters: 0:00 Build a Fullstack MERN React Responsive Social Media Application from Scratch 5:07 Backend Installation of Node, Visual Studio Code, and Backend Packages 7:44 Backend Configurations and Middleware Setup 16:06 MongoDB Registering, Installation and Setup 21:31 Data Modeling and ERD Diagrams 26:08 Authentication and Authorization in Node 59:07 User Routes Setup 1:13:33 Post Routes Setup 1:36:20 Backend Data Add and Demo 1:42:20 Frontend Installation and Setup 1:48:34 React Redux File Folder Architecture and React Router 1:56:10 Redux and Toolkit Installation and Setup 2:10:56 Color, Theme, Dark Mode, and Styling Setup 2:26:16 Navbar 2:48:37 Register, Login Pages, and Form 3:34:44 Home Page and Widgets 4:04:17 Posts and Post Widgets 5:19:41 Profile Page 5:27:08 Full Stack MERN React Application Complete
2022. 11. 16.
2023년 12월 14일 예정된 본 방송에서는, 제7대 대표 선거 개표 결과를 공개 후 투표 인증 이벤트에 참여하신 분들을 대상으로 경품 추첨을 진행 할 예정입니다. (업데이트) 개표결과 공고: https://discourse.ubuntu-kr.org/t/topic/49253
2023. 12. 15.
Spring I/O 2024 - 30-31 May, Barcelona Slides: https://speakerdeck.com/balkrishnarawool/continuations-the-magic-behind-virtual-threads-spring-io Repo: https://github.com/balkrishnarawool/continuations Have you wondered how virtual threads in Java are able to provide such high scalability? How is JVM able to switch between so many virtual threads while executing a single platform thread? If you did then this talk is for you. A Continuation is the magic that powers Virtual Threads. It can be viewed as a representation of the current state of the program or it can be viewed as a reference to the rest of the program. It helps us to pause execution of a program (or part thereof) and then resume it later. This ability to pause/resume is a powerful mechanism and is the basis for providing virtual threads. In this talk, we will start with explaining what continuations are and how does Continuation API in Java work. We will also explore the uses of continuations. And more importantly, we will write our own simple VirtualThread class using the Continuation API provided by JDK. This gives clear idea about the role of continuations in the nature of virtual threads.
2024. 6. 28.
Sign up free 🔥 https://www.hyr.sh Learn how to blitz the job applications process and get hired! LinkedIn message template - https://www.hyr.sh/blog/secret_linkedin_job_hack #tech #recruitment #jobs #hiring ⭐️ All my links! https://www.smoljames.com 💛 Support the channel https://www.youtube.com/channel/UCPBK_brqoVQtO-fOWpxQGXw/join 🏆 Shop the merch https://www.store.smoljames.com ╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗ ║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣ ╠╗║╚╝║║╠╗║╚╣║║║║║═╣ ╚═╩══╩═╩═╩═╩╝╚╩═╩═╝ 📚 Chapters 00:00 The Hyr.sh Way 🔖 Topics Covered - Write good cover letters - Build an amazing resume - Land your dream job - Resume builder - Generate cover letters with AI
2024. 6. 24.
https://react-ko.dev/reference/react-dom/flushSync 2023. 5. 18.에 진행한 리액트 공식문서 스터디 18일차 두번째 영상입니다.
2023. 8. 6.