-</span></span></code></pre></div><div class=gdoc-page__anchorwrap><h4 id=adding-new-features>Adding New Features<a data-clipboard-text=https://dmm-com.github.io/pagoda/advanced/frontend/#adding-new-features class="gdoc-page__anchor gdoc-page__anchor--right clip" aria-label="Anchor Adding New Features" href=#adding-new-features><svg class="icon link"><use xlink:href="#link"/></svg></a></h4></div><ol><li><p><strong>New UI Development</strong></p><ul><li>Follow React component patterns</li><li>Use TypeScript for type safety</li><li>Implement responsive design</li><li>Add appropriate test coverage</li><li>Update API client when needed</li></ul></li><li><p><strong>Legacy UI Development</strong></p><ul><li>Follow Django template patterns</li><li>Maintain backwards compatibility</li><li>Keep JavaScript usage minimal</li><li>Test across different browsers</li></ul></li></ol><div class=gdoc-page__anchorwrap><h4 id=testing>Testing<a data-clipboard-text=https://dmm-com.github.io/pagoda/advanced/frontend/#testing class="gdoc-page__anchor gdoc-page__anchor--right clip" aria-label="Anchor Testing" href=#testing><svg class="icon link"><use xlink:href="#link"/></svg></a></h4></div><ol><li><p><strong>New UI Testing</strong></p><ul><li>Unit tests with Jest</li><li>Component testing with React Testing Library</li><li>E2E testing when needed</li><li>i18n testing</li></ul></li><li><p><strong>Legacy UI Testing</strong></p><ul><li>Django template testing</li><li>Integration testing</li><li>Browser compatibility testing</li></ul></li></ol><div class=gdoc-page__anchorwrap><h3 id=performance-considerations>Performance Considerations<a data-clipboard-text=https://dmm-com.github.io/pagoda/advanced/frontend/#performance-considerations class="gdoc-page__anchor gdoc-page__anchor--right clip" aria-label="Anchor Performance Considerations" href=#performance-considerations><svg class="icon link"><use xlink:href="#link"/></svg></a></h3></div><div class=gdoc-page__anchorwrap><h4 id=new-ui>New UI<a data-clipboard-text=https://dmm-com.github.io/pagoda/advanced/frontend/#new-ui class="gdoc-page__anchor gdoc-page__anchor--right clip" aria-label="Anchor New UI" href=#new-ui><svg class="icon link"><use xlink:href="#link"/></svg></a></h4></div><ul><li>Use React.memo for expensive components</li><li>Implement proper code splitting</li><li>Optimize bundle size</li><li>Use appropriate caching strategies</li></ul><div class=gdoc-page__anchorwrap><h4 id=legacy-ui>Legacy UI<a data-clipboard-text=https://dmm-com.github.io/pagoda/advanced/frontend/#legacy-ui class="gdoc-page__anchor gdoc-page__anchor--right clip" aria-label="Anchor Legacy UI" href=#legacy-ui><svg class="icon link"><use xlink:href="#link"/></svg></a></h4></div><ul><li>Minimize server-side processing</li><li>Optimize template rendering</li><li>Use appropriate caching</li><li>Minimize database queries</li></ul></article><div class="gdoc-page__footer flex flex-wrap justify-between"></div></div></main><footer class=gdoc-footer><div class="container flex flex-wrap"><span class=gdoc-footer__item>Copyright © since 2020, DMM.com LLC. All Rights Reserved.</span></div></footer></div><script defer src=https://dmm-com.github.io/pagoda/js/en.search.min.b87bba01a657e95e4015fcddebc6377af8528a9c00d028451fbfe7177aa5c28e.js></script>
0 commit comments