#reactjs learning

[hayacode]

80 - 100 🌟

I did this challenge last year, and I did it again this year which means I was able to study coding for 200 days 💻✨

200 days hunched over my laptop.

200 of learning, searching, and sacrificing fun.

Countless hours poured into coding.

I proved to everyone around me that nothing can hold you back. Anyone, regardless of degree or age, can code 🤍

In the last days, I spent my days studying React and reviewing JavaScript.

So now that I finished this challenge what's next?

My next updates will be all about the bootcamp I get accepted into 💻✨

[getbreaded]

Built a basic expense tracker with react :)

The course instructor was like "spend about an hour on it, and if you get stuck no worries, you're learning it's normal". So I spent maybe 5 hours on it hahaha. But I got it done! And I learned a lot about form validation and using hooks to manage state. Some parts were so challenging and I had a hard time figuring out the logic of sending state across components via props, plus typescript was always there to humble me ಥ_ಥ but I'm proud of myself.

Now onto seeing the solution and learning all the ways I can improve :)

[code-es]

Learn flexbox!

Although it is IMPOSSIBLE to ever get align-items vs justify-content right on the first try, getting familiar with how flexbox works will allow you to know at least one of them does what you want them to. If there's anything I've learned during my studies it's that development is much more about knowing you can do certain things and being able to google it when you don't know how, rather than having everything memorized. What you need to memorize you will memorize from practice, repetition and experience.

That being said: here are some (two) resources for learning flexbox!

Play Flexbox Froggy

This was such a huuuuuge help for me when learning flexbox. I completed all of the exercises once, and then I would use this as a guide and reference when trying to figure stuff out on my own projects. It's a great interactive way of learning, and it really simplifies and makes flexbox digestible. I recommend just crunching through it once, and you will be exposed to all the different ways of using flex! Then you will have in the back of your head what is possible with flex, and you will be able to recall this and maybe use the next resource to implement it if you don't remember all the keywords yourself!

CSS tricks - a complete guide to flexbox

This was recommended to me by a developer waaay back when i started studying, and it has saved me countless times. It's so good for referencing the different properties, with clear visual examples and a super easy-to-follow structure of the page. I have this bookmarked because of how often I use it.

Good luck in your studies 💻🐸

[why-tap]

WHY tap

[geitpl]

Expand your skillset and take your development career to the next level Join Our team Now 🧑‍💻👩‍💻

[coderight]

CodeRight is an online front-end development course. We are visionaries who want every student to learn the right skills as a full stack Front-end Developer & be successful in the Respective path they choose in the industry. Our main focus is to give students the latest skills and technologies information which are deprived in the current education system.

[emexotechnologies]

🚀 Ready to elevate your coding skills? Join our React JS training at eMexo Technologies! 🌟 If you are a beginner or looking to sharpen your knowledge, we have the right course for you! 💻✨🔥 Don't miss out

CLICK LINK for more details and enroll today! https://www.emexotechnologies.com/courses/react-js-certification-training-course/

🚀 Why Choose Our Course?

Hands-on experience with real-world projects

Expert instructors guiding you every step of the way

Comprehensive curriculum covering all essential topics

📅 Upcoming Batch: [ 23rd Sept 2024 ]

Format: Online & Classroom

📍 Location: [ Electronic City, Bangalore ]

Contact Us

📞 Phone: [ +91 9513216462 ]

🌐 Website: [ https://www.emexotechnologies.com/ ]

📧 Email: [ info@emexotechnologies.com ]

[hayacode]

Hello everyone ✨

So as you know I have been applying for jobs for a few reasons ..

- I want to see what they want

- How interviews goes in my country

- What skills are important

And stuff like that, and now after I did that.. I want to start a new plan/goal (for 6 weeks or maybe more if I get a job)

1- Reviewing JavaScript

2- Back to study Python

3- Do practice every day for both of them

4- Learn how to use streamlit and make at least one project.

5- Practice my Bootstrap (my current workshop)

6- Learning about React (only basics info before my main workshop start on 22 July)

You may be wondering “why did I choose streamlit (that focused on data) even though there are much better skills to focus on as a frontend developer?”

The reason for that is, my dream job needs these.

And I plan to focus on them and apply for it 👩🏻‍💻

Worst case scenario is me never getting the job but at least I get the skills and practice.

Please wish me luck, and I will definitely update you on it later ✨

If you have any advice for me, please let me know. I love hearing your thoughts 🤍

Ps. I will not learn Docker because from what I saw. I can’t really learn it with small projects (which is what I mostly do, so I will leave it out for now)

[getbreaded]

Learning React forms and form validation with zod is actually exciting :)

There are so many more aspects to React and React apps than I considered before starting, so I gifted myself a React Course and I'm enjoying myself and making some real progress 🪴

[rsthemewp]

Best 10 React Portfolio Template

#React #Portfolio #Template #Best #WebsiteDesign #WebDevelopment #CreativeDesign #Frontend #PortfolioInspo #WebDeveloper #WebTemplates #ResponsiveDesign #UXDesign #UI #LatestTrends #DesignInspiration #Code #DeveloperTools #BestOf2021 #DigitalPortfolio

[digitalmarketing1o1]

Mastering React: A Comprehensive Guide to Building Dynamic Web Applications

In this in-depth React course, you'll embark on a journey to master one of the most popular JavaScript libraries for building user interfaces. Whether you're a beginner eager to dive into the world of front-end development or an experienced developer looking to enhance your skills, this course offers something for everyone.

Throughout the course, you'll learn the fundamentals of React, including JSX syntax, component-based architecture, state management, and handling user input. You'll explore advanced topics such as routing, hooks, context API, and working with external APIs. By the end, you'll have the skills and confidence to build dynamic, interactive web applications with React.

Key topics covered:

Understanding the Basics: Get started with React by learning about JSX, components, props, and state.

Building Reusable Components: Explore the power of component-based architecture and learn how to create reusable UI elements.

Managing State: Master the various techniques for managing state in React applications, including useState and useContext hooks.

Handling User Input: Learn how to handle user input through forms, controlled components, and form validation.

Routing with React Router: Dive into client-side routing with React Router and create single-page applications with multiple views.

Working with External Data: Connect your React applications to external APIs and learn best practices for fetching and displaying data.

Styling in React: Explore different approaches for styling React components, including CSS modules, styled-components, and inline styles.

Optimizing Performance: Discover techniques for optimizing the performance of your React applications, including code splitting and memoization.

Testing React Applications: Learn the basics of testing React components using popular testing libraries like Jest and React Testing Library.

Deployment and Beyond: Deploy your React applications to hosting platforms like Netlify or Vercel and explore additional resources for further learning.

By the end of this course, you'll have a solid understanding of React and be equipped with the skills to build modern, responsive web applications that delight users and impress employers. Whether you're pursuing a career in web development or working on personal projects, mastering React is sure to open doors and elevate your programming skills.

[priyanshu2002]

Build Secure Login & Signup with NextAuth.js (Next.js)