decpk

import React from "react";
import "./styles.css";

class App extends React.Component {
  constructor() {
    super();

    this.state = {
      counter: 0
    };

decpk

import React from "react";
import Counter from "./Counter.js";
import Dummy from "./Dummy.js";

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      showCounterComponent: true,
    };

decpk

import React from "react";
import User from "./User.js";

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      userId: 101,
    };
  }

decpk

import React, { Component } from "react";

class Countdown extends Component {
  constructor() {
    super();

    this.state = {
      counter: 0,
    };

decpk

import React, { Component } from 'react';

class App extends Component {
    constructor() {
        super();
        
        console.log( 'Inside constructor' );
    }

    render() {

decpk

import React, { Component } from 'react';

class App extends Component {
    render() {
        return (
            <h1> Component lifecycle methods </h1>
        );
    }
}

decpk

import ReactDOM from 'react-dom';
import App from './App.js';

ReactDOM.render(<App />, document.querySelector("#root"));

decpk

const App = function () {
  return (
    <div>
      <h4 className="mt-4 text-center">Course Library</h4>
      <CardComponent
        headerText="React.js"
        courseComplexityType="Beginner"
        courseDescription="A beginner friendly course of React.js Library"
      />
      <CardComponent

decpk

const CardComponent = function ({
  headerText,
  courseComplexityType,
  courseDescription,
}) {
  return (
    <div className="card m-4">
      <CourseCardHeader
        headerText={headerText}
        courseComplexityType={courseComplexityType}

decpk

const CourseCardBody = function ({ courseDescription, children }) {
  return (
    <div className="card-body">
          <p className="card-text">{courseDescription}</p>
          { children }
    </div>
  );
};

export default CourseCardBody;