react-standalone-renderer's People
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
- unit testing of the components
- unit testing with sitefinity services https://github.com/Sitefinity/nextjs-renderer/tree/main/src/framework/sdk
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.