DEV Community

Cover image for Jumping into React or Hooks
Eric Bishard
Eric Bishard

Posted on • Updated on

Jumping into React or Hooks

I think you should start learning React from a resource that focuses on fundamentals and uses classes with lifecycle methods. This gives you a good foundational understanding of React. Some may say that this requires some additional work on your part, but if you are going to be working on React applications professionally, I say that learning classes is step one and should be done before taking a trip down the functional hooks side of React. I saw a great resource on Twitter called Getting Started with React, there is zero mention of hooks and focuses on class-based React, it seems to be a perfect place to start. But there are many other resources out there that can get you acclimated with class-based React in a relatively short amount of time.

Other React Learning Platforms:

Once you understand the fundamentals of class-based React, start learning how to refactor a class component into a functional one. Dan Abramov does a very basic refactor in his React Today and Tomorrow talk, and it's a great way to become familiar with the difference between class-based and functional hook style React components.

Other Resources on Refactoring Components:

Once you get better at refactoring classes to functional and converting class-based state and effects into Hooks, you should proceed to use functional components as often as possible in as many situations as possible. Just lean into the functional style as hard as you can, using React Hooks for your state, effects, reducers, custom logic, etcetera.

📢 Shameless Plug

I wrote a guide to learn Hooks that can be used after reading the documentation, I put their fundamental examples into demos and later build a To-Do app, we even get into custom hooks.

The Hands-On Guide to Learning React Hooks

When to Tackle Learning React Hooks

Beginners: Those who are new to React, with no prior experience should try to start with classes and learn the fundamentals of React that way, even if this is a brief overview. Then start learning functional components and hooks as a step two with part of that learning including how to refactor class-based components into functional ones.

Pros: Those with existing React knowledge and a comfortability in classes should be writing most new features using the functional style. You will need to get acclimated with refactoring your classes into functional components in case you want to move old code into functional components. This is a great skill to have and will make you a better React developer.

Great Free Resources on Learning Hooks

Of course, one only starts learning hooks from the ReactJS.org documentation on Hooks and the React Team's Hook preview videos from React Conf 2019.

Go binge read and watch all of that, then you will understand that the rest of your learning is up to you.

Find a great YouTube channel that has decent videos on the subject preferably with the author taking you on their journey into Hooks for the first time. It's cool because you get a sense for how much of a big deal Hooks are from watching these pros take a stab at it for the first time. That's how you learn. One of my favorites is a guy named Harry Wolff. So below are some links of great channels with info on Hooks:

Reputable "Hook" Dealers on YouTube:

Aside from linking to these amazing developer channels, I wanted to link directly to some of the amazing free courses I have found on YouTube and elsewhere.

Great Paid Courses on Hooks

When you get to a certain level by exhausting some of the free and best resources for Hooks, you sometimes want to try a course that goes more in-depth and contains longer-form learning. I have a few good resources below:

Advanced Level Hooks Videos

There are a few good resources for those who are up to speed with Hooks, here are a few that I take exploring Hooks a little further:

Top comments (3)

Collapse
 
vedagayathrihyd profile image
Veda Gayathri-India's Largest Pooja Booking Portal

Key Features and Benefits

  1. Scalability and Performance One of Snowflake's most compelling features is its ability to scale elastically. Traditional data warehouses often struggle with scaling, requiring significant hardware investments and complex management. Snowflake, however, can scale up or down automatically based on workload demands. This elasticity ensures optimal performance without over-provisioning resources, resulting in cost savings and efficiency.

Snowflake's architecture separates storage and compute resources, allowing each to scale independently. This means that large-scale data processing can occur without impacting storage costs, and vice versa. Furthermore, Snowflake’s use of virtual warehouses enables parallel processing of queries, significantly improving performance.

  1. Data Sharing and Collaboration
    Snowflake’s unique data sharing capabilities enable seamless collaboration across teams and organizations. The platform allows users to securely share data in real-time without the need to move or copy data. This feature is particularly beneficial for businesses that work with partners or have multiple departments needing access to the same data sets. Snowflake's data sharing is instant, which enhances collaboration and accelerates decision-making processes.

  2. Security and Governance
    In an era where data breaches are common, Snowflake prioritizes security with robust features designed to protect sensitive information. Snowflake employs end-to-end encryption for data at rest and in transit. Additionally, the platform is compliant with numerous industry standards and regulations, such as HIPAA, GDPR, and SOC 2 Type II, ensuring that data governance requirements are met.

Snowflake also provides comprehensive access controls, enabling administrators to define user roles and permissions with granularity. This ensures that only authorized personnel have access to specific data, reducing the risk of unauthorized access.

  1. Support for Semi-Structured Data Modern businesses often deal with a mix of structured and semi-structured data, such as JSON, Avro, and Parquet. Snowflake's architecture natively supports semi-structured data, allowing users to load and query it alongside structured data using SQL. This capability simplifies data management and enhances analytics capabilities, enabling businesses to derive insights from diverse data sources.SAP Snowflake Training in Hyderabad Image description
Collapse
 
venudbt24 profile image
DBT Course

This guide offers a fantastic roadmap for learning React, emphasizing the importance of mastering class-based components before diving into Hooks. The resource recommendations are comprehensive, catering to both beginners and experienced developers. The focus on practical refactoring skills is particularly valuable for enhancing one’s proficiency in modern React development.
iam providing my [[DBT training]]((snowflakemasters.in/dbt-training-i...))link. if any one want to intrest in learning in snowflake masters
visit my website
**(snowflakemasters.in/dbt-training-i...)

Collapse
 
rajesh36923908 profile image
rajesh

One of the best React JS learning platform is React JS Online training