This is a weekly series, and after this brief introduction, will center around building a to-do list application from scratch. With enough modification, you can make it as your portfolio, of course by mentioning the example project you use.Hello! Welcome to the first article in a series of tutorials that will focus on learning React.js. It can be styling or adding more features. You should also add your own codes as you learn more. Modify them, see if it still works or not, and again, find out why. Experiment, and Add Your Own FlavourĪfter you find some unfamiliar codes, do some experiment with them. Because it will likely to increase your knowledge. When this happened, be curious to find why those codes work. In the rewriting process, you will find some codes that aren’t familiar with you. It may sound trivial, but trust me you will find out more as you rewrite the codes.

You should rewrite it on your own, and don’t just copy-pasting it. With an example project, you might think that you will learn it only by reading the codes. Replicates, But Don’t Copy-Paste the Codes After you finished it, then you can choose the next project. You should filter them, and choose only one project that you really want to learn. Human brains aren’t designed to multi-task. That’s okay.īut, when you really want to learn from those projects, never do that by learning them at once. With so many open-source projects available on Github, we often feel overwhelmed with them. Just because you clone an example project from Github, you won’t really learn much from it.īefore you choose an example project, Here are some tips when learning from it. How To Learn React With Example Projects / Case Studies? Crate – Ecommerce Starter (Full-Stack project)

What are Example Projects You Can Use to Learn React?.

How To Learn React With Example Projects / Case Studies?.

Learn react js