Git Product home page Git Product logo

Comments (4)

ikreymer avatar ikreymer commented on July 24, 2024

Sure, there should be no problem with that, the <replay-web-page> tag is a web component, and should work well with React. See: https://reactjs.org/docs/web-components.html and if you search online, there should be various other examples online for using web components with react.

You just need to make sure the ui.js script is also added to the page, and the sw.js is served as a static file from your domain.

from replayweb.page.

ikreymer avatar ikreymer commented on July 24, 2024

As an example in our tools, we use the Lit framework, which in some way is similar to react, in Browsertrix Cloud to dynamically add the embed:
https://github.com/webrecorder/browsertrix-cloud/blob/main/frontend/src/pages/org/crawl-detail.ts#L656

from replayweb.page.

nelson-liu avatar nelson-liu commented on July 24, 2024

Thanks, those were exactly the pointers I was looking for!

Also, is there an easy way to automatically set the url param when there's only one page in a wacz? I'd like it to skip the initial page list / URL search view in this case.

Thanks once again!

from replayweb.page.

nelson-liu avatar nelson-liu commented on July 24, 2024

I ended up just deciding to always provide the url---thanks again for answering my question.

from replayweb.page.

Related Issues (20)

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.