Giter VIP home page Giter VIP logo

say-hello-to-react-js's Introduction

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 = "[email protected]";
     // 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

say-hello-to-react-js's People

Contributors

harsh-001 avatar khusboobothra avatar sanjana001 avatar saraswati789 avatar smilegupta avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.