A Simple Guide to React Design Patterns

Learn about the uses, pros and cons of various design patterns while creating a drawing board with TypeScript/JavaScript. Learning the canvas API is a bonus!

This course teaches you how to develop your own technical blog using Gatsby v5.

Learn React the easiest and fastest way with Explainer Captain Yalco's rich and solid course!

"Becoming a Developer Who Excels at React" has been published. This book provides a solid foundation by systematically guiding you from the basic principles of the web needed before learning React to the latest React hooks. Through over 40 diverse hands-on projects and abundant practical examples, you can apply theory directly to real-world situations and develop problem-solving skills. Additionally, it helps you grow into a developer capable of building high-quality React applications by learning essential modern web development technologies such as Redux Toolkit, Zustand, and Firebase.

We will create a Twitter-like SNS service using the React & Next & Redux & Redux-Saga & Express stack. Finally, we will perform search engine optimization and deploy it to AWS.

We will develop an avatar-based community app using React Native. You will learn the process of creating a high-quality community app that includes not only post creation but also comments/replies, likes, polls, and avatar generation.

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

Have you ever had these concerns? I’ve learned React, but I don’t know what to actually build. I want to create a portfolio, but I can’t think of anything besides a Todo app. Map APIs or Public APIs seem difficult, so I haven’t even tried them. I’ve never deployed anything, so it always ends as a “local project.” The code is getting more complex, and I don’t know how to design the architecture. 🎯 Problems this course solves This course isn’t just about showing you how to display a map. ✔ How to connect Public APIs to a real service ✔ How to stably design Map SDKs within a React structure ✔ Marker optimization and reusable InfoWindow structures ✔ State management design using Context ✔ Practical application of Tailwind + SCSS ✔ GitHub organization and Vercel deployment I will teach you how to design with a real service structure, not just "implementing features." 💡 This is not a "just follow along" course Why we use useRef Why you shouldn't create new markers every time Why you need to separate state Why environment variables must be managed separately in production There is a reason for every choice. This course explains those "reasons." 🚀 After taking this course, you will: Complete one map-based portfolio project Gain experience integrating Public APIs Understand the structure of attaching external SDKs to React Gain experience in designing professional-grade project structures Have deployment experience And you’ll be able to say this in an interview: “I personally designed and deployed a map service based on Public APIs.” This one sentence makes a huge difference. 👩‍💻 Recommended for: Those who know basic React syntax but lack project experience Those who want to build a portfolio for employment Those who wanted to try a Map/Public API project Those who want to learn design patterns close to real-world practice 🔥 The Goal of this Course This course is not about “how to make a map,” but about learning the “mindset of designing a service.”

The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

In this course, you will learn about TypeScript.

We have entered an era where it has become incredibly easy for web developers (especially React developers) to launch apps. With Expo, you can release both Android and iOS apps even faster. Let's become developers who can quickly launch apps through Expo.

This is a practical course where you will directly create a timer app using React, Electron, and Zustand, and even deploy it to cross-platforms (Windows, macOS, Linux). Starting with familiar React web development, you can learn the entire flow of desktop app development, including global state management via Zustand and final GUI deployment!

Building your own emotional diary service with Spring AI + React It's time for our 4th project with Neo + Essential!

This is a course for those starting with TypeScript. The curriculum has been designed so that even those unfamiliar with modern JavaScript syntax can learn easily. Let's learn TypeScript, which may seem difficult, in an easy and fun way from a beginner's perspective 😄

If you're a React developer, you've probably wrestled with useMemo and useCallback at least once, wondering "Do I really have to do this manually?" Finally, the React Compiler has arrived to solve that dilemma. However, whenever new technology emerges, reading through extensive official documentation from start to finish can be overwhelming. That's why I've carefully analyzed the React Compiler official documentation and prepared a course that extracts only the essentials for easy understanding. This course covers: - Why: Why the React Compiler was created and how it differs from existing approaches - How: Installation and configuration methods to apply directly to your projects - Troubleshooting: Key precautions emphasized in the official documentation and error resolution tips Now break free from the pain of manual memoization and focus solely on business logic. This course will upgrade your React development experience to the next level.

In the AI era, web developers need more than coding skills—they need the ability to use AI to turn ideas into real-world results. Build your AI web development skills for practical work and portfolios by gaining hands-on experience creating UIs with Stitch and Figma Make, implementing them in React, and deploying them.

Even in the AI era, developers need the ability to understand code and complete real-world services. Build practical web development skills by using React and Firebase to implement everything from login, data management, and image uploads to deployment, based on a foundation in HTML/CSS/JavaScript.

This is mission content for a development project. We provide a PRD planning document, Figma designs, and API endpoints so that you can practice by implementing a timer app called DevTime yourself. Make the knowledge you have learned completely your own by implementing a project at a level similar to an actual service 🚀

"Why did the AI write this code?" or "Why can't it remember what I just said?" The frustration you encounter when using AI tools like Claude Code stems from not knowing how the tool actually works. This course flings open that black box. Over 25 lessons, we will build our own Coding Agent from scratch that functions exactly like real-world professional tools—giving the LLM 'eyes' to see files (Read), 'hands' to fix code (Edit), and 'feet' to execute commands (Bash). This isn't just about learning how to use a library. You will gain hands-on experience by implementing code to understand how AI perceives project structures, why it loses its memory during long conversations, and how to solve those issues technically (Sliding Window, Summary). Through this process, you will evolve from being a mere 'user' of AI tools to an 'AI provider' who understands the underlying principles and can customize and evaluate tools to fit your specific needs.

JavaScript, TypeScript Next is backend development! You will be able to develop REST API backends using NestJS, develop and deploy Socket IO.