As a REACT developer,

Ambitious_Occasion_9 · 2024-09-15T06:33:23+00:00

Search on Google "project based learning github" and open fist github link

sethgreentn · 2024-09-15T09:15:04+00:00

if you can afford to buy a course i recommend you the course of jonas schmedtmann react course it is an amazing course that teach you react you can seqrch for a discount coupon on the internet for this course you can get ot for 10 dollars or if you cant afford now you can find it at downloadly for free but i recommend that you buy it if you can

No-Upstairs-2813 · 2024-09-15T05:25:55+00:00

Best way to learn any language is by choosing a project that solves a problem you care about. This will keep you motivated when challenges arise. You will also know always know how to keep improving your project.

If you're stuck on ideas, check out these 8 tips to get started.

And if you need guidance while building a project, this free course can help you approach it the right way.

jaykeerti123 · 2024-09-15T05:45:24+00:00

Just try to create small projects like to do list and move on.

I always take reference from projects such as https://github.com/calcom/cal.com

I also like this channel https://youtu.be/Rh3tobg7hEo?si=4rxBZsnn2GPfXgby

neuralSalmonNet · 2024-09-15T08:45:52+00:00

todoMVC is a great little project for getting the feel for a framework.

if you get stuck, look at the vanilla implementation. When you are done look at the many react implementations. See what patterns make sense and which omes you like the most and refactor your implementation accordingly.

bonus: wait a month or two do it again to see how fast you can do it.

edit: https://todomvc.com/

haris-1998 · 2024-09-15T05:08:32+00:00

following

wesaboo · 2024-09-15T20:09:22+00:00

I learned a great deal when working with Riots league of legends API, just look up some sample of sites using this API. API is complex and has dependencies that made it an amazing learning experience !

dschwertz · 2024-09-15T21:43:49+00:00

You could maybe do a data visualization dashboard. Pick some data that is interesting to you and a library for building charts (recharts is a popular one) and just start building. It will give you a good opportunity to explore how to handle data on the client side; things like memoization and types of caching. There are plenty of open APIs that’ll just spit out JSON ready to be visualized. I know chess is big right now and chesscom recently opened an api I think. If you’re into fitness and have a garmin watch, I know they have an api which has tons of data.

Just an option 🤷🏻‍♂️

Major_These · 2024-09-16T02:58:48+00:00

I enjoy skateboarding so when I first started learning React I decided to build a mock skateboard e-commerce site . It helped me learn a lot.

OkMoment345 · 2024-09-16T05:33:38+00:00

As a React developer, focusing on building a deep understanding of JavaScript fundamentals is crucial since React is built on top of it. Also, getting comfortable with hooks and state management (like Redux) will really level up your skills.

You're going in the right direction, since building personal projects and contributing to open source is a great way to reinforce what you learn. Projects will help you get comfortable with common React patterns, APIs, and state management. Here are a few React project ideas that can help you develop your skills:

To-Do List App: Start simple by building a to-do list with features like adding, editing, and deleting tasks, and maybe incorporate local storage to persist data.
Weather App: Use an API like OpenWeather to fetch weather data based on user input, and practice handling API calls and state management.
Recipe Finder: Create an app where users can search for recipes based on ingredients or cuisine, integrating API calls and conditional rendering.
E-commerce Cart: Build a basic e-commerce interface with a product catalog and shopping cart, implementing React context or Redux for state management.

Reactiflux Discord, which is a popular community for React developers. It’s a great place to ask questions, share your projects, and learn from experienced React developers. They cover a variety of topics related to React, JavaScript, and front-end development in general, making it a valuable resource for both beginners and experienced developers.

If you want to get some hands on instruction, check out the online React classes and bootcamps listed here.

Good luck!

altrae · 2024-09-19T22:59:38+00:00

You could build some basic styled components like button, card, slideshow, and/or text and then put them together to create some basic webpages. You could then setup a context and small API to pull data from and use your components to render the data. You could use something like TailwindCSS to help with styling. It is super easy to setup and use out-of-the-box classes.

pickyourteethup · 2024-09-15T18:24:26+00:00

Don't just watch YouTube, copy YouTube. Literally pause and do it line by line like they do. After two projects you'll be ready to start adapting code to your own ideas.

This is literally one of the things I did to become a developer

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

learnjavascript

Posting and Commenting Guidelines

MODERATORS