Simplest way to add twitter widgets to your react project.

Overview

React Twitter Embed Component

NPM Storybook Build Status Known Vulnerabilities JavaScript Style Guide License

React Twitter Embed Component

Simplest way to add Twitter Widgets to your react project.

Demo and Examples

https://saurabhnemade.github.io/react-twitter-embed/

Install

npm install --save react-twitter-embed

Usage

import { TwitterTimelineEmbed, TwitterShareButton, TwitterFollowButton, TwitterHashtagButton, TwitterMentionButton, TwitterTweetEmbed, TwitterMomentShare, TwitterDMButton, TwitterVideoEmbed, TwitterOnAirButton } from 'react-twitter-embed';

Adding Timeline:

 <TwitterTimelineEmbed
  sourceType="profile"
  screenName="saurabhnemade"
  options={{height: 400}}
/>

Adding Tweet:

<TwitterTweetEmbed
  tweetId={'933354946111705097'}
/>

Adding Share Button:

  <TwitterShareButton
    url={'https://facebook.com/saurabhnemade'}
    options={{ text: '#reactjs is awesome', via: 'saurabhnemade' }}
  />

Adding Mention Button:

  <TwitterMentionButton
    screenName={'saurabhnemade'}
  />

Adding Hashtag button:

  <TwitterHashtagButton
    tag={'cybersecurity'}
  />

Adding follow button:

  <TwitterFollowButton
    screenName={'saurabhnemade'}
  />

Adding Moment:

  <TwitterMomentShare
    momentId={'650667182356082688'}
  />

Adding Direct Messaging Button:

  <TwitterDMButton
    id={1364031673}
  />

Adding Twitter Video:

  <TwitterVideoEmbed
    id={'560070183650213889'}
  />

Adding Twitter On Air Button:

  <TwitterOnAirButton
    id={'560070183650213889'}
  />

Explore All Options by Twitter Widgets API:

  https://developer.twitter.com/en/docs/twitter-for-websites/javascript-api/overview

License

MIT © saurabhnemade

Copyright (c) 2019

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Comments
  • Rewrite with typescript

    Rewrite with typescript

    • Upgrading the boilerplate.
    • Upgrading storybook making story writing a little simple.
    • Much asked Typescript :tada: the right way. Could be even better which will be added in future.
    • Github worflow added and starting to move away from travis ci.
    enhancement 
    opened by saurabhnemade 10
  • How do I add custom css to embedded tweet?

    How do I add custom css to embedded tweet?

    There is an example of how to do it in doc but with no code on how to implement the styles. https://saurabhnemade.github.io/react-twitter-embed/?path=/story/twitter-tweet-embed--tweet-with-custom-css

    opened by berlirumapea 9
  • Support React 17

    Support React 17

    Seems to work just fine with React 17, and would help with this:

    ❯ npm install
    npm ERR! code ERESOLVE
    npm ERR! ERESOLVE unable to resolve dependency tree
    npm ERR! 
    npm ERR! While resolving: @mysite/[email protected]
    npm ERR! Found: [email protected]
    npm ERR! node_modules/react
    npm ERR!   [email protected]"17.0.1" from the root project
    npm ERR! 
    npm ERR! Could not resolve dependency:
    npm ERR! peer [email protected]"^15.0.0 || ^16.0.0" from [email protected]
    npm ERR! node_modules/react-twitter-embed
    npm ERR!   [email protected]"3.0.3" from the root project
    
    opened by chris-erickson 6
  • Twitter timeline not work

    Twitter timeline not work

    Hi, I'm using the twitter-timeline-embed package to display the timeline of a list in my project but recently it did not work. And when I use chrome it shows this bug Screen Shot 2021-07-30 at 13 42 52

    The same bug on the demo page https://saurabhnemade.github.io/react-twitter-embed/?path=/story/twitter-timeline-embed--timeline-profile-with-screen-name

    opened by thanhvk 4
  • Can this be done without placing the twitter script in the <head>?

    Can this be done without placing the twitter script in the ?

    It feels unnecessary to add a script to the head that then makes a bunch of calls on page load, even when the Twitter embed is not mounted. This utility, by simply including it in some conditionally-used component, adds at least 5 additional HTTP requests to the initial load of the page. This places third-party cookies.

    Can this not be initialized on the fly, and then removed when unmounted?

    bug 
    opened by agonsalves 4
  • ReferenceError: document is not defined in scripts.js

    ReferenceError: document is not defined in scripts.js

    I've pulled in the latest version of your library and am using webpack, nodemon and babel in my project. Nodemon and my build process crashes with the following message:

    .../node_modules/react-twitter-embed/node_modules/scriptjs/dist/script.js:12
      var doc = document
                ^
    
    ReferenceError: document is not defined
        at .../node_modules/react-twitter-embed/node_modules/scriptjs/dist/script.js:12:13
        at doc (.../node_modules/react-twitter-embed/node_modules/scriptjs/dist/script.js:8:72)
        at Object.<anonymous> (.../node_modules/react-twitter-embed/node_modules/scriptjs/dist/script.js:11:3)
        at Module._compile (module.js:643:30)
        at Module._extensions..js (module.js:654:10)
        at Object.require.extensions.(anonymous function) [as .js] (.../node_modules/babel-register/lib/node.js:152:7)
        at Module.load (module.js:556:32)
        at tryModuleLoad (module.js:499:12)
        at Function.Module._load (module.js:491:3)
        at Module.require (module.js:587:17)
    [nodemon] app crashed - waiting for file changes before starting...
    
    bug investigate 
    opened by rmeissn 4
  • Returning empty div in Next13

    Returning empty div in Next13

    Migrating to next13, wondering if anyone else is experiencing this once you moved component to app directory.

    <>
    ...
    <TwitterTweetEmbed
          tweetId={"xxx"}
          options={{ conversation: "none", cards: "none", link: "none" }}
        />
    ...
    <>
    
    opened by lorenzejay 3
  • Latest Library version (3.0.3) is not support on React 17.0 or newer

    Latest Library version (3.0.3) is not support on React 17.0 or newer

    I use React 17.0 and I cannot downgrade because another library version affect reason. Can you update library support to target version?

    Could not resolve dependency:
    npm ERR! peer [email protected]"^15.0.0 || ^16.0.0" from [email protected]
    npm ERR! node_modules/react-twitter-embed
    npm ERR!   [email protected]"*" from the root project
    npm ERR!
    npm ERR! Fix the upstream dependency conflict, or retry
    npm ERR! this command with --force, or --legacy-peer-deps
    npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
    
    opened by cpx2017 3
  • Made compatible with Preact

    Made compatible with Preact

    This makes the library compatible with Preact but also removes the deprecated way of using refs in React as explained in the documention.

    This should be part of a new major release.

    opened by a-botermans 3
  • Re-rendering component

    Re-rendering component

    I am using the TwitterTweetEmbed component with a variable for the tweetId, in this manner:

    <TwitterTweetEmbed tweetId={item.postID} placeholder="Loading" />

    I have a <p>{item.postID}</p> along with this.

    On a state change, the item.postID changes, which is reflected in the <p> tag, but the <TwitterTweetEmbed> still shows the tweet related to the previous postID. Anything needed to ensure that the component re-renders?

    opened by anurastogi 3
  • MIME type mismatch for TwitterTweetEmbed

    MIME type mismatch for TwitterTweetEmbed

    Getting the following error in the Chrome console when I attempt to render an embedded tweet:

    Refused to execute script from 'https://cdn.syndication.twimg.com/tweets.json?callback=__twttr.callbacks.cb0&ids=zYthtQaw&lang=en&suppress_response_codes=true&theme=light&tz=GMT-0700' because its MIME type ('') is not executable, and strict MIME type checking is enabled.

    Here is the code snippet:

    <TwitterTweetEmbed tweetId="zYthtQaw"/>

    opened by brentmc79 3
  • Bump json5 from 1.0.1 to 1.0.2

    Bump json5 from 1.0.1 to 1.0.2

    Bumps json5 from 1.0.1 to 1.0.2.

    Release notes

    Sourced from json5's releases.

    v1.0.2

    • Fix: Properties with the name __proto__ are added to objects and arrays. (#199) This also fixes a prototype pollution vulnerability reported by Jonathan Gregson! (#295). This has been backported to v1. (#298)
    Changelog

    Sourced from json5's changelog.

    Unreleased [code, diff]

    v2.2.3 [code, diff]

    v2.2.2 [code, diff]

    • Fix: Properties with the name __proto__ are added to objects and arrays. (#199) This also fixes a prototype pollution vulnerability reported by Jonathan Gregson! (#295).

    v2.2.1 [code, diff]

    • Fix: Removed dependence on minimist to patch CVE-2021-44906. (#266)

    v2.2.0 [code, diff]

    • New: Accurate and documented TypeScript declarations are now included. There is no need to install @types/json5. (#236, #244)

    v2.1.3 [code, diff]

    • Fix: An out of memory bug when parsing numbers has been fixed. (#228, #229)

    v2.1.2 [code, diff]

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump express from 4.17.1 to 4.18.2

    Bump express from 4.17.1 to 4.18.2

    Bumps express from 4.17.1 to 4.18.2.

    Release notes

    Sourced from express's releases.

    4.18.2

    4.18.1

    • Fix hanging on large stack of sync routes

    4.18.0

    ... (truncated)

    Changelog

    Sourced from express's changelog.

    4.18.2 / 2022-10-08

    4.18.1 / 2022-04-29

    • Fix hanging on large stack of sync routes

    4.18.0 / 2022-04-25

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Dynamic require() usage in

    Dynamic require() usage in "modern" build.

    The "modern" build of this library causes problems with some build systems (such as Vite) because of the usage of dynamic requires (ex: https://github.com/saurabhnemade/react-twitter-embed/blob/master/src/components/TwitterTweetEmbed.tsx#L41) since "require" is a Node thing.

    When shipping to production you end up getting errors about "require" not being defined.

    For my project I've manually patched this problem by creating a Yarn patch and refactored all usage of the require('scriptjs') in effects to use dynamic imports instead:

    useEffect(() => {
      // ...
      const loadScript = async () => {
        const scriptModule = await import('scriptjs');
        const script = scriptModule.default;
        
        // ... specific script() call for given useEffect
      };
      
      loadScript();
      
      // ... the useEffect return statement
    }, [/* the deps */];
    

    I'm happy to provide a PR to make this change @saurabhnemade if desired.

    opened by erictaylor 0
  • Bump decode-uri-component from 0.2.0 to 0.2.2

    Bump decode-uri-component from 0.2.0 to 0.2.2

    Bumps decode-uri-component from 0.2.0 to 0.2.2.

    Release notes

    Sourced from decode-uri-component's releases.

    v0.2.2

    • Prevent overwriting previously decoded tokens 980e0bf

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

    v0.2.1

    • Switch to GitHub workflows 76abc93
    • Fix issue where decode throws - fixes #6 746ca5d
    • Update license (#1) 486d7e2
    • Tidelift tasks a650457
    • Meta tweaks 66e1c28

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Bump qs from 6.5.2 to 6.5.3

    Bump qs from 6.5.2 to 6.5.3

    Bumps qs from 6.5.2 to 6.5.3.

    Changelog

    Sourced from qs's changelog.

    6.5.3

    • [Fix] parse: ignore __proto__ keys (#428)
    • [Fix] utils.merge`: avoid a crash with a null target and a truthy non-array source
    • [Fix] correctly parse nested arrays
    • [Fix] stringify: fix a crash with strictNullHandling and a custom filter/serializeDate (#279)
    • [Fix] utils: merge: fix crash when source is a truthy primitive & no options are provided
    • [Fix] when parseArrays is false, properly handle keys ending in []
    • [Fix] fix for an impossible situation: when the formatter is called with a non-string value
    • [Fix] utils.merge: avoid a crash with a null target and an array source
    • [Refactor] utils: reduce observable [[Get]]s
    • [Refactor] use cached Array.isArray
    • [Refactor] stringify: Avoid arr = arr.concat(...), push to the existing instance (#269)
    • [Refactor] parse: only need to reassign the var once
    • [Robustness] stringify: avoid relying on a global undefined (#427)
    • [readme] remove travis badge; add github actions/codecov badges; update URLs
    • [Docs] Clean up license text so it’s properly detected as BSD-3-Clause
    • [Docs] Clarify the need for "arrayLimit" option
    • [meta] fix README.md (#399)
    • [meta] add FUNDING.yml
    • [actions] backport actions from main
    • [Tests] always use String(x) over x.toString()
    • [Tests] remove nonexistent tape option
    • [Dev Deps] backport from main
    Commits
    • 298bfa5 v6.5.3
    • ed0f5dc [Fix] parse: ignore __proto__ keys (#428)
    • 691e739 [Robustness] stringify: avoid relying on a global undefined (#427)
    • 1072d57 [readme] remove travis badge; add github actions/codecov badges; update URLs
    • 12ac1c4 [meta] fix README.md (#399)
    • 0338716 [actions] backport actions from main
    • 5639c20 Clean up license text so it’s properly detected as BSD-3-Clause
    • 51b8a0b add FUNDING.yml
    • 45f6759 [Fix] fix for an impossible situation: when the formatter is called with a no...
    • f814a7f [Dev Deps] backport from main
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Is there an option to only show tweets but not retweets using TwitterTimelineEmbed

    Is there an option to only show tweets but not retweets using TwitterTimelineEmbed

    Hi, I am using this in one of the project and showing tweets from a account using following code: <TwitterTimelineEmbed sourceType="profile" screenName="COMPANY_NAME" noHeader options={{ height: 600, }} theme='dark />

    It's showing all the tweets but it also includes the retweets. Is it possible to show on tweets and filter out retweets from it? I have searched and spent time a lot but not success.

    Thanks in advance.

    opened by usmanublox 0
Releases(2.0.1)
A simple way to write re-usable features with React + EffectorA simple way to write re-usable features with React + Effector

Effector Factorio The simplest way to write re-usable features with React + Effector Install npm install effector-factorio Why this? People became to

Anton Kosykh 39 Dec 25, 2022
null 1 Apr 28, 2022
Chrome extension to preview and debug your webpage's meta tags for different social platforms like Twitter, Facebook, WhatsApp, LinkedIn etc.

ogmeta Chrome extension to preview and debug your webpage's meta tags for different social platforms like Twitter, Facebook, WhatsApp, LinkedIn etc. E

Vamsi Rao 22 Aug 4, 2022
The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State.

The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State. Table of Contents Articles Featu

Sergey 94 Dec 4, 2022
A guide to building your own React stack, explaining options and tradeoffs along the way

Custom React Stack React has a very rich ecosystem. For anything you want to do, there is probably a library or a framework available for it. That's g

Naresh Bhatia 13 Nov 23, 2022
Jed Saylor minting dapp is a quick and easy way to connect your smart contract and start minting NFTs.

Welcome to Jed Saylor ?? All the code in these repos was created and explained by Jed Saylor on his course. To find help please visit: ?? Instagram Je

null 1 Nov 26, 2021
Github-profile-readme-maker - Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way

GPRM : GitHub Profile ReadMe Maker Features We got everything that you need ! Cr

Vishwa Gaurav 333 Dec 20, 2022
Pimp my README is an open source profile builder that you can use to add some cool components to your README profile - Made with <3 by webapp.io :)

Pimp my README This repository is the open-source project for Pimp my README. How this came to be So basically, GitHub added a feature where you can a

Joshua D'Souza 105 Dec 27, 2022
A simple React component to reproduce the way iOS deletes an item in a list

react-swipe-to-delete-ios A simple React component to reproduce the way iOS deletes an item in a list. Demo Installation yarn add react-swipe-to-delet

Arnaud Ambroselli 32 Oct 1, 2022
An easy way to build Rarity games with React

rarity-react An easy way to build Rarity games with React. It started with a simple app... I wanted to see my summoners and the prizes they'd won whil

murderteeth 7 Sep 15, 2022
:speech_balloon: Easy way to create conversation chats

React Simple Chatbot A simple chatbot component to create conversation chats Getting Start npm install react-simple-chatbot --save Usage There are sev

Lucas Bassetti 1.5k Dec 27, 2022
Node.js library for building systematic trading strategies in reactive way.

Node.js library for building systematic trading strategies in reactive way. Use the power of TypeScript and Reactive Programming to research, develop

null 2 Dec 22, 2021
This tutorial to guide you how to add react.js into shopify normal theme

Integrate-react.js-into-shopify-theme Tutorial to integrate the react.js into shopify theme https://prnt.sc/1w0rgx0 Step note: you have to run theme w

Roman Gavrilov 8 Oct 17, 2022
A better JSON differ & viewer, support LCS diff for arrays and recognise some changes as modification apart from simple remove+add.

A better JSON differ & viewer, support LCS diff for arrays and recognise some changes as modification apart from simple remove+add.

Rex Zeng 38 Dec 18, 2022
My first React project created during project-oriented training.

Twitter Built with React Built with React, Context, JavaScript, and CSS.in this React project the functional components has been used and The Material

elham salehi 3 Dec 10, 2022
This project is a frontend learning project that built with ReactJS.

CryptoArt-NFT Cryptopunk NFT is a frontend project which is built with ReactJS. The website displays the minted NFT Artworks by using OpenSea API. The

CallMeJaX 1 Feb 27, 2022
🕹 GBA emulator on your React project - easy and powerful to use!

react-gbajs GBA emulator on your React project - easy and powerful to use! Just three steps to set it up ✨ 1 - Apply GbaProvider import { GbaProvider

Bruno Macabeus 43 Dec 23, 2022
React component to embed Hype.Day project registration into your website

Hype.Day React Component React component to embed Hype.Day project registration into your website. Preview You can test the library on: https://hypeda

null 6 Dec 14, 2022