Giter Club home page Giter Club logo

react-standalone-renderer's People

Contributors

gebov avatar mstratiev avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-standalone-renderer's Issues

Next.js

I see you had Next.js in there and then decided to remove it. What is the reasoning behind that? Hardly anyone uses plain React these days, and even the maintainers of React itself say you should be using Next or Remix. This is now unusable without SSR.

Implement widgets in React Renderer

Overview

DevTools team will contribute to the React Renderer as domain experts in front-end development and setting the basis on a cross-team collaboration with Sitefinity. The initiative is a great opportunity to exchange knowledge between DevTools and Sitefinity, and as a next step we will evaluate KendoReact integration within PageBuilders.

Organization

  • Define timeline of the business delivery
    • Start Date - 2nd October by Plamen Zdravkov
    • End Date (hard stop) - end October
  • Define source control location
    • GitHub for react renderer
    • GIthub Repo to be consumed by Sitefinity Azure DevOps to validate successful integration
  • Define health metrics (minimum to assure release)
    • Use Github Actions for CI to run unit tests for the widgets and to assure compilation
  • [Zdravkov & Gebov] Walkthrough and understanding of the components scope
  • [Zdravkov] Implement widgets and testing from Technical Scope below related to relase
  • [Gebov] Setup CodeSandbox for testing purposes of both units
  • [Gebov] Validate React Renderer withing the Sitefinity Renderers and consult with Zdravkov
  • [Zdravkov, Gebov, Topuzov, Dimitrov] Verify unit test coverage

Next steps

  • [Dimitar Topuzov & Nikolay Dimitrov] Define advance health metrics
    • Usage of cypress for e2e
    • Location and e2e test coverage of React Renderer
  • Define contribution guide for Support Engineers
    • Back-end issues and testing flows within Sitefinity. Onboard TSEs with how to isolate an issue within the front-end.
    • Any front-end issues to be logged in this repository and will be prioritized by DevTools.

Technical Scope

Widgets

P1 Widgets

  • Classification widget
  • Image widget
  • Form widget
    • Textbox
    • Paragraph
    • Submit button
    • Multiple choice
    • Checkboxes
    • File upload
    • Content block
    • CAPTCHA โ€“ third party (Google Captcha)
    • Dropdown
    • Dynamic list
  • Navigation widget
  • Breadcrumb widget
  • Search box widget
  • Search results widget
  • Search facets widget
  • Language Selector
  • DocumentsList
  • Login form widget
  • Change password widget
  • Reset password widget
  • Registration widget
  • Call to action widget

P2

  • NativeChat widget

P3

  • Content recommendation widget

Testing

  • Testing-library infrastrucure
  • Unit tests

Wrong documentation to add a new component

The docs for Widget development still says that you need to register any new component in the file "render-widget-service.tsx" under the TYPES_MAP object but that has changed and now the file "widget-registry.ts" is the one that needs to get the registration of any new component. Please change the documentation under widget-development.md and keep it current so that new interested developers not get confused and waste a lot of time.

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.