Say Hello to Reactjs

Open Source Love Awesome Made With Love

Say Hello to Reactjs is an initiative that aims to help people upskill in React and Kickstart Their Journey as Frontend Devs I here follow an mechanism of learn by practising and making lots of projects and codepens and taking one on one doubts.

Prerequisite

  • Basic Understanding of HTML and CSS πŸ’»
  • Some knowledge oj any programming language preferably JavaScript 🐀
  • A zeal to Learn Reactjs :bowtie:

Reading Material

  • Day1

    • Topics Covered: What/Why/How React , Concept of JSX and Event Handling
    • Powerpoint presentation πŸ’Ύ
    • Video Stream of the session πŸŽ₯
    • Running Notes πŸ’»
  • Day2

    • Topics Covered: Creating Basic React App and State and Props and Components
    • Powerpoint presentation πŸ’Ύ
    • Video Stream of the session πŸŽ₯
    • Running Notes πŸ’»
  • Day3

    • Topic Covered: Creeating a React Toggle Switch (using useEffect and useState) and Styled Component and Deployment using vercel
    • Video Stream of the session πŸŽ₯
    • Source Code πŸ’»
  • Day4

    • Topic Covered: useState, useEffect, Axios
    • Video Stream of the session πŸŽ₯
    • Source Code πŸ’»
  • Day5

    • Topic Covered: Application of useState, useEffect, Axios and Basic Routing
    • Video Stream of the session πŸŽ₯
    • Source Code πŸ’»
  • Day6

    • Topic Covered: React in Daily Life
    • Video Stream of the session πŸŽ₯
    • Source Code πŸ’»
  • Day7

    • Topic Covered: Password Strength Validator
    • Video Stream of the session πŸŽ₯
    • Source Code πŸ’»

Want me to check your learning and clear your doubts or review code?

Follow the steps below to get started right away!

  • Fork this repo: You'll see a Fork button on the top right against the name of this repository. This creates an identical copy of this repository and adds it to your repositories.

  • Open the forked repository: Navigate to your profile find the repository

    github.com/<your_github_username>/Say-Hello-to-React-js

  • Clone the repository: Clone the repository by copying the clone link (find it against the name of the repository on the right) and using it as mentioned in below CLI command

    git clone https://github.com/<your-username>/Say-Hello-to-React-js

  • Move to the directory: Move to the directory by using the below CLI command

    cd Say-Hello-to-React-js

  • Update the changes to repo: Add your Day wise learning. The Learning Notes must be in a specified format. Your code should be inside the Respective Day wise folder. The file should have a specific naming convention. The learning notes file name should be <your name>.md.

    • Root Folder
    • <Folder Name> (For example: Day1)
    • <Your File Name> (For Example: smile.md)
  • To stage the file(s) , use the following CLI command

    git add .

  • Commit the file(s): For locally cloned repository, use the following CLI command to commit your file(s).

    git commit -m "<your-message>"

For GitHub web, simply add the commit message and description at the bottom of the page to add the new file.(Please use an appropriate commit message and follow this git commit message guidelines)

  • Push the file(s): For locally cloned repository, use the following CLI command to push your file(s).

    git push -u origin main.

  • Create pull request: Please create a Pull Request(PR) from GitHub to the main branch. If you are new to creating pull requests, watch the video for reference. Your First GitHub Pull Request (in 10 Mins)

For GitHub web, simply move over to the original repository and click on New Pull Request and compare forked repositories. Provide appropriate description and VOILA!

If there are any changes suggested by the reviewer, do make the same and follow to steps to update:

  • stage the changes, using command: git add ..
  • commit the changes, using command: git commit -m "Commit Message".
  • rebase the branch, using command: git rebase master.
  • squash the commits, using command: git stash.
  • push the changes, using command: git push -u origin main.

The PR with correct and optimised solution, which satisfies the deadline criteria, will be merged soonπŸ˜„

Still need help?


  if (needHelp === true) {
     var emailId = "guptamiley3012@gmail.com";
     // email is the best way to reach out to me.
     sendEmail(emailId);
  }

Glad to see you here! Show some love by starring this repo.

Facebook Instagram LinkedIn Twitter

Content Courtesy Smile Gupta