Props-and-PropTypes-Class-Components

Introduction

This is a simple React-based sandbox environment to implement my learnings. This release contains the source code of my learning related to the Props-and-PropTypes-Class-Components concept. Here are some of the topics covered in this hands-on session:

• How Props are implemented in Class Components?
• Differences and Similarities between Props implementation in both Class Components and Functional Components.
• Destructuring Props in Class Components.
  • Within render() method.
  • Using componentDidMount() method.
• Setting Default Props Values.
  • Defining defaultProps as a static property within the class component.
  • Defining defaultProps after the class component has been defined.
• PropTypes are implemented exactly as the functional components.

What's Changed

• Props and PropTypes in Class Components by @iamwatchdogs in #5

Full Changelog: Props-and-PropTypes...Props-and-PropTypes-Class-Components

Props-and-PropTypes

Introduction

This is a simple React-based sandbox environment to implement my learnings. This release contains the source code of my learning related to the Props-and-PropTypes concept. Here are some of the topics covered in this hands-on session:

• What are Props?
• Accessing props
  • Access props as an object.
  • Destructuring the props.
• Additional Topic about props.
  • Default Values props.
  • Shorthand for Boolean props.
  • Using Spread operator.
    • while passing props to the component.
    • while accessing undefined props.
  • Accessing nested components (AKA children) through props.
• What are PropTypes?
• PropType Implementation.
• Explored various PropTypes

Updates In the React application

• Updated Eslint config (to ignore prop types): a986e80
• Executed npm fix audit: 379dee0
• Fixed the hrm (hot replacement module) issue: 417caee

What's Changed

• Props and PropTypes by @iamwatchdogs in #4

Full Changelog: Introduction-to-Class-Components...Props-and-PropTypes

Introduction-to-Class-Components

Introduction

This is a simple React-based sandbox environment to implement my learnings. This release contains the source code of my learning related to the Introduction-to-Class-Components concept. Here are some of the topics covered in this hands-on session:

• What are class components?
• Syntax and usage of class components.
• Class components v/s Functional components.
• The render() method of a Class component.

What's Changed

• Class component by @iamwatchdogs in #3

Full Changelog: Expressions-and-Methods...Introduction-to-Class-Components

Expressions-and-Methods

Introduction

A simple react project built using a front-end tool called vite. This is a sandbox project that I created to help me make my fundamentals strong for using React Library. This is the release of the source code for my learning about the concept of Expressions and methods. Here are some of the topics covered in this hands-on session:

• basics of expression
• using variable values in the JSX element using expressions.
• evaluating various expressions in JSX elements.
• Function calling in JSX elements using expressions.
• Some of the commonly used ES6 methods such as,
  - map()
  - forEach()
  - filter()
  - reduce()
  - find()

What's Changed

• Component Basics by @iamwatchdogs in #1
• Expressions and methods by @iamwatchdogs in #2

New Contributors

• @iamwatchdogs made their first contribution in #1

Full Changelog: https://github.com/iamwatchdogs/Learning-React/commits/Expressions-and-Methods