https://github.com/Chalarangelo/30-seconds-of-react

Short React code snippets for all your development needs
https://github.com/Chalarangelo/30-seconds-of-react

education javascript learn-to-code learning-resources programming react reactjs snippets snippets-collection snippets-library

Last synced: 1 day ago
JSON representation

Short React code snippets for all your development needs

• Host: GitHub
• URL: https://github.com/Chalarangelo/30-seconds-of-react
• Owner: Chalarangelo
• License: cc-by-4.0
• Archived: true
• Created: 2018-09-27T16:17:30.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-05-07T17:10:12.000Z (over 1 year ago)
• Last Synced: 2024-05-22T04:33:14.869Z (6 months ago)
• Topics: education, javascript, learn-to-code, learning-resources, programming, react, reactjs, snippets, snippets-collection, snippets-library
• Language: JavaScript
• Homepage: https://www.30secondsofcode.org/react/p/1
• Size: 3.68 MB
• Stars: 5,053
• Watchers: 110
• Forks: 482
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
> **IMPORTANT NOTICE:**

>

> As of May, 2023, all 30-seconds content repositories have been merged into [30-seconds-of-code](https://github.com/30-seconds/30-seconds-of-code).

>

> Please watch, star and follow relevant activity there.

[![Logo](/logo.png)](https://30secondsofcode.org/react/p/1)

# 30 seconds of code

> Short React code snippets for all your development needs

* Visit [our website](https://30secondsofcode.org) to view our snippet collection.

* Use the [Search page](https://30secondsofcode.org/search) to find snippets that suit your needs. You can search by name, tag, language or using a snippet's description. Just start typing a term and see what comes up.

* Browse the [React Snippet collection](https://30secondsofcode.org/react/p/1) to see all the snippets in this project or click individual tags at the top of the same page to narrow down your search to a specific tag.

* Click on each snippet card to view the whole snippet, including code, explanation and examples.

* You can use the button at the bottom of a snippet card to view the snippet in Codepen.

* If you like the project, give it a star. It means a lot to the people maintaining it.

## Want to contribute?

* If you want to help us improve, take a minute to read the [Contribution Guidelines](/CONTRIBUTING.md) first.

* Use the [Snippet Template](/snippet-template.md) to add new snippets to the collection.

* If you find a problem with a specific snippet, please [open an issue](https://github.com/30-seconds/30-seconds-of-react/issues/new).

* If you find a problem with the website, please [report it in the web repository](https://github.com/30-seconds/30-seconds-web/issues/new).

## Credits

* This repository is maintained by the [30 seconds of code organization on GitHub](https://github.com/30-seconds).

* All snippets are licensed under the CC-BY-4.0 License, unless explicitly stated otherwise.

* Logos, names and trademarks are not to be used without the explicit consent of the owners of the 30 seconds of code GitHub organization.

* Our website is powered by [Netlify](https://www.netlify.com/), [Next.js](https://nextjs.org/) & [GitHub](https://github.com/).