강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Learn React by Building It: Basics

This is an introductory React course that will teach you React the easiest and fastest way. Learn concepts and practical skills while creating a toy project and complete the entire course in just 3 hours, including deployment! This is the first course in a series consisting of beginner, intermediate, and advanced levels :)

(4.8) 181 reviews

1,588 learners

  • jayjinjay
차근차근
토이프로젝트
3시간 만에 완강할 수 있는 강의 ⏰
React
JavaScript

Reviews from Early Learners

What you will gain after the course

  • React Development

  • Front-end development

  • web development

  • My own toy project

  • Backend integration

React, my first encounter with React
For those of you who want to finish it easily and quickly !

The front end is now
React is the trend ✨

React , the most used library in the front-end world today!
React makes it possible to manage complex modern web apps with just a few lines of code, all while keeping them manageable using pure JavaScript.

But... it's not easy to quickly learn the core of React. Why is that?


Isn't this what you're worried about now?

It takes too much time to follow
The project is burdensome.
I want to learn the key points quickly !

Why bother learning React?
You're saying it covers other complex skills too?
Can't we try it with just HTML/CSS/JS ?

Even if you learn React
The most frequently used function in practice
What if I can't write confidently?

I'm trying to learn react
If there are a lot of difficult shortcuts, concepts, or terms
I think it'll be hard to keep up with the progress.

If this sounds like my story,
When you meet the real React introductory course for beginners!


It only contains the essential points !
Perfect for beginners
The essence of React.

If you only learn the grammar, it is difficult to get a feel for how to use React in practice.
In this course, you will learn all the basic concepts required for practical React development quickly and easily through toy projects.

4 Key Points for Effective Learning!

Just the essentials!

You can learn the core concepts of React that are essential for practical work in 3 hours.

Check it out yourself

You can check for yourself whether you have understood the concepts well through practice quizzes/reviews at each stage of the course.

A lecture designed for beginners

We have excluded technical elements that may be difficult for beginners, such as Node.js, NPM, and ES6+. Instead, we will provide explanations of shortcuts, terms, and concepts that you may not be familiar with here and there to help you understand them easily.

So that it can be used in practice

Instead of reading prepared lessons, you can see the results with your own eyes through live coding. You can also experience the process of collaborating with server developers by linking actual APIs, and you can distribute the finished product and use it as a portfolio.

Challenge! Make a cat meme app 😺

All you need is HTML, CSS, and JavaScript!
Create your own simple web application. (link)


Your introduction to React,
I'll help you in the easiest way !

I am Jin Yu-rim , a front-end developer with 8 years of experience 😊

The average rating of 4.9★ and over 160 reviews prove it.

I felt like I was receiving private tutoring because he explained everything in such a kind and detailed way.

I am so glad that this lecture saved me time that I would have wasted if I hadn't taken it.

You explain it to me in a kind and detailed way, and I understand it very well because we practice together.

If you upload other lectures in the future, I will buy them right away. Thank you for the great lecture 😍

This is a review left for the Inflearn [Introduction to Git and GitHub for Team Development] course 💌

Front-end practitioners in the field
The very React course I highly recommend!


Frequently Asked Questions
I collected 💬

Q. I'm just starting front-end development. Can I take this course?

This course requires basic knowledge of HTML, CSS, and JavaScript. If you know the concept that 'HTML is markup, CSS is styling, and JavaScript is responsible for page behavior' and basic grammar, you can take the course :)

Q. How much JavaScript do I need to know?

If you know about variables, functions, conditional statements, loops, and objects in JavaScript, you can take the course. You can take the course even if you don't know the latest JavaScript grammar, ES6+ :)

Q. Will taking this course help me get a job?

You can become familiar with React concepts and grammar by creating a simple project called Cat Meme Generator . It is linked to the Open API, which is real data, and is distributed as a GitHub page, so you can use it as a portfolio as well :)

We provide tuition support for students and job seekers 💪

We are offering a 50% discount coupon so that students without income or job seekers can take the course with less burden. Application link / Inquiries


Coming Soon!
[Learn React by Making]
To be continued 🏃‍♀️

This lecture is the first [Basics] lecture in a series consisting of beginner - intermediate - advanced levels.

Recommended for
these people

Who is this course right for?

  • Web developers who are new to React

  • Front-end developer

  • Job seekers preparing for employment with React

  • Publishers who want to learn React

  • People who know React grammar but are confused about how to apply it in practice

Need to know before starting?

  • HTML

  • CSS

  • JavaScript Basics

Hello
This is

4,841

Learners

566

Reviews

271

Answers

4.9

Rating

2

Courses

프런트엔드 개발자 진유림입니다. 개발자 특유의 공유 문화와 커뮤니티에서의 바이브를 사랑합니다. 반가워요!  블로그깃헙 / 사운드클라우드

강연 : 삼성전자, Facebook, IBM, 고려대, 이화여대 등 다수 기술 강연

저서팀 개발을 위한 Git, GitHub 시작하기

Curriculum

All

37 lectures ∙ (3hr 26min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

181 reviews

4.8

181 reviews

  • hershe님의 프로필 이미지
    hershe

    Reviews 4

    Average Rating 5.0

    5

    100% enrolled

    I have taken many lectures at Inflearn, but this is the first time I have studied this excitedly. Every time I looked at the code, my face turned pale, but the teacher's voice was cheerful and she couldn't hide her true feelings and said that cats were cute. I was able to learn happily along with her. In particular, she explained in detail the commands that I had followed without knowing their meaning, so I thought, "Oh, this is what it means!" and learned happily... This lecture is the one I learned the most from. She explained it step by step from the basics, so I could follow along easily. It was also very helpful that she shared links so that I could study difficult concepts separately without digging deep into the lecture. When I first learned, I thought about how to make a meme with 3 cat pictures, but she even taught me how to use the API. I learned a lot. Teacher, please make intermediate and advanced lectures, and I wish you a happy new year and a lot of money while you live... I really like this lecture, so I want to praise you more, but my head can't keep up with my heart. Haha I will listen to it again and make a personal project and distribute it! Thank you!!

    • jayjinjay
      Instructor

      Oh my gosh ㅠㅠ It's so sad... Thank you ㅎㅎ Thanks to you, I have the strength to film intermediate and advanced lectures! Happy New Year~

  • jaysss님의 프로필 이미지
    jaysss

    Reviews 6

    Average Rating 4.8

    5

    100% enrolled

    This is a helpful lecture for those who find it difficult to get started with the official React documentation (including me):) The total time is short, so it is less tiring, and it is good for learning repeatedly! It's also great to see a realistic web app being created!!

    • daehyun7973님의 프로필 이미지
      daehyun7973

      Reviews 7

      Average Rating 4.9

      5

      100% enrolled

      I learned how to create react directly through create-react-app elsewhere, but I quickly gave up because I didn't really know why it was used that way. But I was able to learn from the basics through Yulim's lecture.

      • kdong님의 프로필 이미지
        kdong

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        I only heard about React and didn't understand it even after reading the book, so I took a paid lecture through Inflearn. I was satisfied because it was easy to understand from a beginner's perspective and the class content was well-organized. I was satisfied enough to want to take intermediate and advanced classes in the future! Please upload lectures consistently, thank you👍

        • lhb19951521님의 프로필 이미지
          lhb19951521

          Reviews 6

          Average Rating 5.0

          5

          49% enrolled

          I'm still in the early stages of the course, but I really like how the instructor is very kind and neat, and explains even the latest React trends. And the voice is so cute and cheerful, so I don't get sleepy and I can concentrate much better ㅠㅠ! Thanks to that, my first impression of React is really good. It's one of the lectures that I'm really satisfied with at Inflearn, so I hope the intermediate and advanced levels come out soon. (Is the total lecture time for the intermediate and advanced levels a bit longer? It's clear, but it feels short, so I wish the lectures were longer, even if the tuition is expensive.) Thank you for the great lecture ✨

          Limited time deal ends in 07:09:38

          $33,000.00

          25%

          $34.10

          jayjinjay's other courses

          Check out other courses by the instructor!

          Similar courses

          Explore other courses in the same field!