<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Berry React Blog | Material-UI based Admin Template]]></title><description><![CDATA[Berry is react dashboard template build using Material-UI components library for easier web development.]]></description><link>https://blog.berrydashboard.com</link><generator>RSS for Node</generator><lastBuildDate>Fri, 10 Apr 2026 09:59:29 GMT</lastBuildDate><atom:link href="https://blog.berrydashboard.com/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[Year Wrap-up 2022 - December Edition]]></title><description><![CDATA[First, we would like to extend a big thank you to our user base who have been using Berry for their projects. The year 2022 has ended and we are pleased to report that Berry has performed exceptionally well in its second year. For us, Berry is a long...]]></description><link>https://blog.berrydashboard.com/year-wrap-up-2022-december-edition</link><guid isPermaLink="true">https://blog.berrydashboard.com/year-wrap-up-2022-december-edition</guid><category><![CDATA[React]]></category><category><![CDATA[Year in a Review]]></category><category><![CDATA[template]]></category><dc:creator><![CDATA[Rakesh Nakrani]]></dc:creator><pubDate>Mon, 02 Jan 2023 09:30:22 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1672638475251/364191eb-46b8-4c5c-9295-54ae208a0aac.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>First, we would like to extend a big thank you to our user base who have been using Berry for their projects. The year 2022 has ended and we are pleased to report that Berry has performed exceptionally well in its second year. For us, Berry is a long-term project and we are dedicated to maintaining it. Below, you will find updates on Berry for 2022 and what you can expect in 2023.</p>
<hr />
<h2 id="heading-statistics"><strong>Statistics</strong></h2>
<p>Here are the wrap-up statistics for Berry React in 2022: Berry saw excellent results in all areas, including traffic, sales, reputation, and community growth.</p>
<h3 id="heading-1-sales">1. Sales</h3>
<p>In 2022, Berry achieved impressive sales figures, representing a 30% increase over the previous year.</p>
<p>The License wise sales ratio is divided as follows.</p>
<ol>
<li><p>Standard <strong>Plus</strong> License (77%)</p>
<ul>
<li><strong><em>?</em></strong> <em>- Standard Plus license has</em> <code>TypeScript</code><em>,</em> <code>JavaScript</code><em>,</em> <code>Nextjs</code> <em>(ts/js), and</em> <code>Figma design system</code></li>
</ul>
</li>
<li><p><strong>Standard</strong> License (19%)</p>
<ul>
<li><strong><em>?</em></strong> <em>- Standard License has</em> <code>JavaScript</code><em>, and</em> <code>Nextjs</code> <em>(js).</em></li>
</ul>
</li>
<li><p><strong>Extended</strong> License (4%)</p>
<ul>
<li><strong><em>?</em></strong> <em>- Extended License has allowed you to use Berry in your</em> <code>SAAS-based</code> <em>end product.</em></li>
</ul>
</li>
</ol>
<p>We analyzed the purchasing habits of our customers and found that they were primarily interested in the Plus license due to its TypeScript and Figma Design System features. We were delighted to see the popularity of TypeScript and Figma in 2022.</p>
<p>On the other hand, less than 2% of orders were refunded, which is a very low percentage. This indicates that the vast majority (98%) of customers are satisfied with their purchase.</p>
<h3 id="heading-2-github-analytics">2. GitHub Analytics</h3>
<p>In 2022, Berry's open-source <a target="_blank" href="https://github.com/codedthemes/berry-free-react-admin-template/">repository</a> had a strong performance.</p>
<ul>
<li><p>1.2K Average Daily Views</p>
</li>
<li><p>1K+ Monthly Clones through GitHub.</p>
</li>
<li><p>Stars - 1K+</p>
</li>
<li><p>Fork - 566</p>
</li>
</ul>
<h3 id="heading-3-ticket-resolution">3. Ticket Resolution</h3>
<p><a target="_blank" href="https://codedthemes.support-hub.io"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1672651215594/d379fd77-5846-4982-bb12-278d99c31ce1.jpeg" alt class="image--center mx-auto" /></a></p>
<p>The average time for ticket resolution was less than a day in 2022. Our support team did an excellent job and we gained valuable insights from interacting with customers and implementing effective strategies to address issues. We also saw a significant decrease in the number of tickets starting in October, which demonstrates our understanding of our customer's needs and our ability to resolve their most common issues with Berry.</p>
<p>Berry reviews stand at 4.65/5.</p>
<h3 id="heading-4-discord-community">4. Discord Community</h3>
<p><a target="_blank" href="https://discord.com/invite/p2E2WhCb6s"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1672650688193/d623578f-5d44-4cf8-8894-bc3864e11a3c.jpeg" alt class="image--center mx-auto" /></a></p>
<p>We believe that building a community is crucial for success. With this in mind, we have established a Discord community where users can connect with each other, discuss issues, and collaborate in real-time to help make Berry more competitive.</p>
<hr />
<h2 id="heading-accomplishments-in-2022">Accomplishments in 2022</h2>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1672651500775/86b4982d-3908-4f0b-9ef3-a46767ab41aa.jpeg" alt class="image--center mx-auto" /></p>
<p>All of the planned features for Berry's roadmap in 2022 have been released. We were able to implement and release almost all of the planned features in a timely manner. These features include,</p>
<p><strong>Major</strong></p>
<ul>
<li><p>React 18 Support</p>
</li>
<li><p>Redux Toolkit</p>
</li>
<li><p>AWS Amplify Login</p>
</li>
<li><p>NextJS versions for both TypeScript and JavaScript</p>
</li>
</ul>
<p><strong>Layout</strong></p>
<ul>
<li><p>Horizontal Menu</p>
</li>
<li><p>Compact Menu Sidebar</p>
</li>
<li><p>Mega Menu</p>
</li>
</ul>
<p><strong>Other</strong></p>
<ul>
<li><p>Added a few SAAS Pages</p>
</li>
<li><p>Invoicing Pages</p>
</li>
<li><p>Organization Chart</p>
</li>
<li><p>Image Upload</p>
</li>
<li><p>Documentation</p>
</li>
<li><p>Package Dependencies Updates</p>
</li>
<li><p>Sort out npm package installation vulnerabilities</p>
</li>
</ul>
<hr />
<h2 id="heading-customer-reviews">Customer Reviews</h2>
<p>The opinions of our customers are the best indicator of a product's success. In 2022, Berry received an average rating of 4.65 out of 5, which is an exceptional result. This is a testament to the quality of our product.</p>
<p><a target="_blank" href="https://mui.com/store/items/berry-react-material-admin/"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1672637832844/6dc16407-55a5-49b2-988c-10f8e493ecb2.jpeg" alt class="image--center mx-auto" /></a></p>
<p>In the coming years, we will consistently provide updates and support of high caliber.</p>
<hr />
<h2 id="heading-roadmap-for-2023">RoadMap for 2023</h2>
<p>Discover Berry's new ecosystems in the following technologies.</p>
<ul>
<li><p>Berry <a target="_blank" href="https://appseed.us/product/berry-dashboard-pro/full-stack/">Fullstack</a> - NodeJs, Django, Flask</p>
</li>
<li><p>Berry <a target="_blank" href="https://codedthemes.com/item/berry-bootstrap-5-admin-template/">Bootstrap 5</a></p>
</li>
<li><p>Berry <a target="_blank" href="https://store.vuetifyjs.com/products/berry-vuetify">Vuetify 3</a></p>
</li>
<li><p>Berry <a target="_blank" href="https://codedthemes.com/item/berry-angular-admin-dashboard-template/">Angular</a></p>
</li>
<li><p>Berry Asp.net</p>
</li>
<li><p>Berry CodeIgniter</p>
</li>
</ul>
<blockquote>
<p>Stay tuned for the all-new roadmap and feature request management panel. Customers will be able to easily view and send us their feature requests.</p>
</blockquote>
]]></content:encoded></item><item><title><![CDATA[Year Wrap up 2021 - February Edition]]></title><description><![CDATA[Berry is now full featured react template with all new v3.1.x updates. Where the February release brings major code quality and performance upgrade. This is the most interesting update ever in Berry with having demanding feature from customer, new im...]]></description><link>https://blog.berrydashboard.com/year-wrap-up-2021-february-edition</link><guid isPermaLink="true">https://blog.berrydashboard.com/year-wrap-up-2021-february-edition</guid><category><![CDATA[React]]></category><category><![CDATA[dashboard]]></category><dc:creator><![CDATA[Rakesh Nakrani]]></dc:creator><pubDate>Tue, 22 Feb 2022 09:12:21 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1645520850326/bN1UcSShJ.jpg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Berry is now full featured react template with all new v3.1.x updates. Where the February release brings major code quality and performance upgrade. This is the most interesting update ever in Berry with having demanding feature from customer, new improvements to it as well. I am sure you will love it. </p>
<p>Here, we have updates for Berry till February 2022.</p>
<p><strong>Table of content</strong></p>
<ul>
<li>Major performance improvements</li>
<li>New Features</li>
<li>Roadmap</li>
<li>Analytics</li>
<li>Berry Reviews</li>
<li>Support Tickets</li>
<li>Berry Full Stack Out Now</li>
<li>Introducing New Product - Mantis</li>
<li>Support MUI</li>
</ul>
<h3 id="heading-performance-improvement"><strong>Performance Improvement</strong></h3>
<p>Performance of berry has been improved drastically. Berry is always good in performance but this release will provide you super sonic speed in development as well. "Thinking what we did to achieve it?"</p>
<p>The major thing that has been done, is to set conditional rendering thought project. React is smart enough to load component only when needed. so we take a benefit of that. we set many condition in code which ensure to render component only when needed. You will see results when you download it.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1645521626881/Z59DdEuew.png" alt="Screenshot 2022-02-22 093428.png" /></p>
<p>Another thing is to make use of useMemo() hook of react hook whenever possible. useMemo() hook memorized component and render only if changed. </p>
<h3 id="heading-other-features"><strong>Other Features</strong></h3>
<ul>
<li>Next JS version</li>
<li>Organization Chart (request from the Customer <em>"Oleg K."</em>)</li>
<li>Redux toolkit</li>
<li>AWS Amplify login (request from the Customer <em>"Johnny S."</em>)</li>
<li>Mega Menu</li>
<li>Add Invoice page</li>
<li>Add more SaaS pages like - Privacy Policy and FAQ (suggestion from <em>Dillon P.</em>)</li>
<li>Image upload</li>
<li>Package upgrades</li>
<li>Fix most possible security vulnerabilities of Package.</li>
<li>Bug Fixes</li>
</ul>
<h3 id="heading-roadmap"><strong>Roadmap</strong></h3>
<p>We'll regularly put effort into the planning of our roadmap, by following the latest trends and we will take consideration from our customers and the community.
Adding below features in  <a target="_blank" href="https://codedthemes.gitbook.io/berry/roadmap">Roadmap</a> </p>
<ul>
<li>New landing page</li>
<li>Invoice generator</li>
<li>Multiple Layouts (Horizontal, vertical etc)</li>
<li>File manager app</li>
<li>More SAAS page</li>
<li>More Tables</li>
</ul>
<h3 id="heading-analytics"><strong>Analytics</strong></h3>
<p>Here is the 2021 year wrap-up statistics of Berry React. Berry got really good numbers in all areas like Traffic, Sales, Reputation, Community build up. Following is the statistics which proves Berry itself.</p>
<p><strong>Sales</strong></p>
<p>Berry stands good numbers in terms of sales in 2021. We sold almost 550+ license in combine of 2 quarters. Currently it appear as a top 3 most selling  <a target="_blank" href="https://dev.to/rakesh_nakrani/10-best-react-material-ui-admin-template-51ob">material react admin templates</a> in MUI <a target="_blank" href="https://mui.com/store">store</a>.</p>
<p><strong>Google Analytics</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1645520119212/sCC6sTp1-.jpg" alt="google-analytics=2021.jpg" /></p>
<p>Over 68K+ users landed on Berry website and it steadily growing month by month.</p>
<p><strong>Github Analytics</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1645520175620/cYrT6TnL8.jpg" alt="github-2021.jpg" /></p>
<p>Berry open source <a target="_blank" href="https://github.com/codedthemes/berry-free-react-admin-template/">repository</a> is perform best in 2021.</p>
<ul>
<li>1.5K Average Daily Views</li>
<li>1.5K Monthly Clones through GitHub.</li>
<li>Stars - 530</li>
<li>Fork - 270</li>
<li>10 Issues Resolved</li>
</ul>
<h3 id="heading-berry-reviews"><strong>Berry Reviews</strong></h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1645520267742/cWfqvviVL.jpg" alt="reviews-2021.jpg" /></p>
<p>Berry has secured 4.93/5 average ratings. We were very thankful to all customers for their feedback and reviews.</p>
<h3 id="heading-berry-full-stack-by-appseed"><strong>Berry Full Stack By Appseed</strong></h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633676800125/3LQsujEYJ.jpeg" alt="berry-full-stack-appseed.jpg" /></p>
<p>We are happy to announce the new Berry Full Stack React version with having support of Backend Servers like Node JS, Flask and Django.</p>
<p><a target="_blank" href="https://fullstack-react-berry-dashboard.appseed-srv1.com/">Preview</a> | <a target="_blank" href="https://appseed.us/full-stack/react-berry-dashboard">Berry Full Stack</a> | <a target="_blank" href="https://appseed.us/">Appseed</a></p>
<h2 id="heading-whats-new-in-kitchen"><strong>What's new in Kitchen?</strong></h2>
<h3 id="heading-mantis-react"><strong>Mantis React</strong></h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1645262606788/qIqrPC1mb.png" alt="og-social.png" /></p>
<p>We are pleased to announce new product for MUI store exclusively. We name it as 'Mantis'. mantis is combination of Ant design and Material-UI. We try to provide aesthetic of Ant with power of MUI components. Mantis has been developed by keeping enterprise in mind but its not limited to that. You will get all feature that help in enterprise product as well normal site.</p>
<p>Check MIT version - <a target="_blank" href="https://github.com/codedthemes/mantis-free-react-admin-template">https://github.com/codedthemes/mantis-free-react-admin-template</a></p>
<p>Do not forgot to Support Mantis by giving stars.</p>
<h3 id="heading-support-mui"><strong>Support MUI</strong></h3>
<p><a target="_blank" href="https://opencollective.com/mui"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633674839723/naxkHaZs9.jpeg" alt="opencollective-material-ui.jpg" /></a> </p>
<p>The community is working hard to keep the MUI as best as possible. It's our responsibility to support MUI open source projects. Doing so, CodedThemes is one of the  <a target="_blank" href="https://mui.com/discover-more/backers/#bronze">Bronze sponsors</a>  via Open collective.</p>
<ul>
<li>Support MUI (Material-UI) via <a target="_blank" href="https://opencollective.com/material-ui">Open Collective</a> </li>
<li>Q&amp;A via <a target="_blank" href="https://stackoverflow.com/questions/tagged/material-ui">StackOverflow</a> </li>
</ul>
]]></content:encoded></item><item><title><![CDATA[Journey So far - September 2021]]></title><description><![CDATA[Berry React is getting stronger month by month. As we said from the start, Berry is our long-run project. And we've been keeping our promise from the very beginning. Our team is working hard on Berry to maintain a strong connection with our customer ...]]></description><link>https://blog.berrydashboard.com/journey-so-far-september-2021</link><guid isPermaLink="true">https://blog.berrydashboard.com/journey-so-far-september-2021</guid><category><![CDATA[React]]></category><category><![CDATA[TypeScript]]></category><category><![CDATA[JavaScript]]></category><category><![CDATA[Hashnode]]></category><dc:creator><![CDATA[Rakesh Nakrani]]></dc:creator><pubDate>Fri, 08 Oct 2021 06:42:23 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1633671080829/eDzbOUwO_.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Berry React is getting stronger month by month. As we said from the <a target="_blank" href="https://blog.berrydashboard.io/introducing-berry-react-material-design-admin-template">start</a>, Berry is our long-run project. And we've been keeping our promise from the very beginning. Our team is working hard on Berry to maintain a strong connection with our customer base.</p>
<p>Here, we have updates for Berry till September 2021.</p>
<p><strong>Table of content</strong></p>
<ul>
<li><a class="post-section-overview" href="#full-stack-react-berry-pro-by-appseed">Full Stack React Berry</a></li>
<li><a class="post-section-overview" href="#analytics">Analytics</a></li>
<li><a class="post-section-overview" href="#free-version-added-in-mui-store">Berry open source version release in MUI Store</a></li>
<li><a class="post-section-overview" href="#berry-reviews">Berry Reviews</a></li>
<li><a class="post-section-overview" href="#tickets">Support Tickets</a></li>
<li><a class="post-section-overview" href="#what-will-be-released-next">What will be released next?</a> </li>
<li><a class="post-section-overview" href="#roadmap">Roadmap</a> </li>
<li><a class="post-section-overview" href="#support-mui">Support MUI</a> </li>
</ul>
<h3 id="heading-full-stack-react-berry-pro-by-appseed"><strong>Full Stack React Berry Pro by AppSeed</strong></h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633676800125/3LQsujEYJ.jpeg" alt="berry-full-stack-appseed.jpg" /></p>
<p>The special shoutout for Berry React Full Stack version which was released on <a target="_blank" href="https://appseed.us/full-stack/react-berry-dashboard">AppSeed</a> platform in the month of Sept. The commercial Berry version unlocks the access to all API servers like NodeJS, Flask, Django made by AppSeed.</p>
<ul>
<li><a target="_blank" href="https://appseed.us/full-stack/react-berry-dashboard">Product Page</a></li>
<li><a target="_blank" href="https://fullstack-react-berry-dashboard.appseed-srv1.com/">Live Preview</a></li>
<li><a target="_blank" href="https://docs.appseed.us/products/full-stack/react-berry-dashboard">Documentation</a></li>
</ul>
<h3 id="heading-analytics"><strong>Analytics</strong></h3>
<p>Berry's popularity has been growing over the past few months, and the numbers of users, sales and stars it received from GitHub is growing day by day. Below is the real states of Berry react.</p>
<p><strong>Sales</strong></p>
<p>Berry got a huge spike in terms of sales conversion in last quarter. It stands in the top 5 most selling  <a target="_blank" href="https://dev.to/rakesh_nakrani/10-best-react-material-ui-admin-template-51ob">material react admin templates</a> in MUI <a target="_blank" href="https://mui.com/store">store</a> . (i.e. previously <a target="_blank" href="https://blog.berrydashboard.io/meet-all-new-mui-react">Material-UI</a>)</p>
<ul>
<li>Selling percentage </li>
<li>Standard License (i.e 38%)</li>
<li>Standard Plus (i.e 56%)</li>
<li>Extended License (i.e. 6%)</li>
</ul>
<p><strong>Google Analytics</strong></p>
<p>Based upon Google Analytics, The numbers of users are doubled in month by month. In September the Free version of Berry is live on MUI store and that is the only reason Berry got a huge spike in the month of Sept.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633672115849/Jz8SVmICz.jpeg" alt="berry-react-google-analytics-sept-2021" /></p>
<p><strong>Github Analytics</strong></p>
<p>September is the great month of Berry open source React GitHub <a target="_blank" href="https://github.com/codedthemes/berry-free-react-admin-template/">repository</a>. Number of visits + clone is almost triple compared to the October month.</p>
<ul>
<li>Stars - 271</li>
<li>Fork - 90</li>
</ul>
<p><a target="_blank" href="https://github.com/codedthemes/berry-free-react-admin-template/"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633672373792/GRDJx6Wbs.jpeg" alt="berry-react-free-open-source-dashboard-github" /></a> </p>
<p><strong>MUI blog hit 50K</strong></p>
<p>As you might know Material-UI is now MUI with the new release of v5. The latest MUI v5 has better features than the previous version, but it doesn't mean that the public at large knows about it. For that reason I published “<a target="_blank" href="https://dev.to/rakesh_nakrani/material-ui-is-now-mui-1o9h">Material-UI is now MUI</a>” on the dev.to community. It almost hit 50K on the very first day. Users share the love on multiple social platforms like Twitter and Reddit.</p>
<p><a target="_blank" href="https://dev.to/rakesh_nakrani/material-ui-is-now-mui-1o9h"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633672172709/AWY49tzcA.jpeg" alt="material-ui-turns-to-mui-react" /></a></p>
<h3 id="heading-free-version-added-in-mui-store"><strong>Free Version added in MUI store</strong></h3>
<p>In September - we’ve published the Berry Free React Dashboard Template on MUI  <a target="_blank" href="https://material-ui.com/store/items/berry-react-material-admin-free/">store</a> . The Berry Free version got many downloads from the store.</p>
<p><a target="_blank" href="https://material-ui.com/store/items/berry-react-material-admin-free/"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633672244111/VzBCuGTO9.jpeg" alt="free-berry-react-sept-2021.jpg" /></a> </p>
<h3 id="heading-berry-reviews"><strong>Berry Reviews</strong></h3>
<p>Till September Berry has 4.82/5 ratings. We were very thankful to all customers for their feedback and reviews. This gives us the motivation for our journey. </p>
<p><a target="_blank" href="https://material-ui.com/store/items/berry-react-material-admin/"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633672296355/dP5iZHSXf.jpeg" alt="berry-react-reviews.jpg" /></a> </p>
<h3 id="heading-tickets"><strong>Tickets</strong></h3>
<p>We are following our strict guidelines for resolution of Tickets. In September we got 23  <a target="_blank" href="https://codedthemes.support-hub.io/">Tickets</a> and 90% solved within a day timeframe. That’s awesome.</p>
<p><a target="_blank" href="https://codedthemes.support-hub.io"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633672326175/TBYaID1ts.jpeg" alt="berry-react-ticket-resolution-sept-2021.jpg" /></a></p>
<h3 id="heading-what-will-be-released-next"><strong>What will be released next?</strong></h3>
<p>Following our  <a target="_blank" href="https://codedthemes.gitbook.io/berry/roadmap">RoadMap</a>  - We’ve decided to release the next update in October having the following features.</p>
<ul>
<li>MUI v5.0.1 - Berry is now supports the stable MUI v5.0.1 version.</li>
<li>Kanban - A full featured Kanban board with Drag and Drop features and Backlog (user story, task).</li>
<li>Authentication Flow - While following the feedback from customers we have simplified the Auth flow of JWT, Firebase authentication method. That really makes sense to use the Authentication without spending much time on it.</li>
<li>React router 6.x.x beta</li>
</ul>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633674019414/t6O_PshwT.jpeg" alt="berry-react-version-3-2021.jpg" /></p>
<h3 id="heading-roadmap"><strong>Roadmap</strong></h3>
<p>We'll regularly put effort into the planning of our roadmap, by following the latest trends and we will take consideration from our customers and the community.
Adding below features in  <a target="_blank" href="https://codedthemes.gitbook.io/berry/roadmap">Roadmap</a> </p>
<ul>
<li>AWS amplify authentication</li>
<li>Organization tree</li>
<li>Redux Saga</li>
<li>Improvement in Figma Design Resources</li>
</ul>
<h3 id="heading-support-mui"><strong>Support MUI</strong></h3>
<p><a target="_blank" href="https://opencollective.com/mui"><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633674839723/naxkHaZs9.jpeg" alt="opencollective-material-ui.jpg" /></a> </p>
<p>The community is working hard to keep the MUI as best as possible. It's our responsibility to support MUI open source projects. Doing so, CodedThemes is one of the  <a target="_blank" href="https://mui.com/discover-more/backers/#bronze">Bronze sponsors</a>  via Open collective.</p>
<ul>
<li>Support MUI (Material-UI) via <a target="_blank" href="https://opencollective.com/mui">Open Collective</a> </li>
<li>Q&amp;A via <a target="_blank" href="https://stackoverflow.com/questions/tagged/material-ui">StackOverflow</a> </li>
</ul>
]]></content:encoded></item><item><title><![CDATA[Meet all new MUI React]]></title><description><![CDATA[Explore the all new MUI a popular react component library with this detailed post. Let's take a look at what makes MUI so great.
What is Material-UI (MUI React)?
Do you know React.js? If yes, then you surely know Material-UI - One of the popular Reac...]]></description><link>https://blog.berrydashboard.com/meet-all-new-mui-react</link><guid isPermaLink="true">https://blog.berrydashboard.com/meet-all-new-mui-react</guid><category><![CDATA[React]]></category><category><![CDATA[TypeScript]]></category><category><![CDATA[JavaScript]]></category><category><![CDATA[Material Design]]></category><dc:creator><![CDATA[Rakesh Nakrani]]></dc:creator><pubDate>Wed, 22 Sep 2021 06:10:07 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1632292455111/9Rx5prqbO.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Explore the all new <strong><a target="_blank" href="https://mui.com">MUI</a></strong> a popular react component library with this detailed post. Let's take a look at what makes MUI so great.</p>
<h3 id="heading-what-is-material-ui-mui-react"><strong>What is Material-UI (MUI React)?</strong></h3>
<p>Do you know React.js? If <strong>yes</strong>, then you surely know <a target="_blank" href="https://mui.com/">Material-UI</a> - One of the popular React component library. I must say Material-UI is the <a target="_blank" href="https://retool.com/blog/react-component-libraries/">top</a> general-purpose library out there in the market. It follows Google’s material design guidelines, components, and tools to make web applications faster.</p>
<h4 id="heading-the-origin"><strong>The origin</strong></h4>
<p>Material-UI <a target="_blank" href="https://www.text-em-all.com/blog/material-ui-the-internet-found-our-ui-project">started</a> as a React Implementation of Google’s Material Design specification back in 2014. The goal was simple, to entitle React developers to use Material Design. </p>
<p>The React community is excited about new features, so the MUI team keeps adding them.</p>
<p>Over 2200 developers helping hand to <a target="_blank" href="https://github.com/mui-org/material-ui/graphs/contributors">contribute</a> so far with an aim to build the customer-facing application, tools, and mobile-hybrid apps. Now React Material-UI is the best react component library out there in market.</p>
<p>This post is based upon Material-UI turns to MUI, here I am going to use the <strong>MUI</strong> term for upcoming sections.</p>
<h4 id="heading-a-larger-focus-in-mind"><strong>A Larger Focus in mind</strong></h4>
<p>Material-UI had a <a target="_blank" href="https://mui.com/blog/2020-developer-survey-results/#comparison-with-last-year">survey</a> last year about improving the Material Design, implementation was down by 60%. At the same time, 5x more developers were struggling with customizing the components.</p>
<p>Based upon that context MUI v5 in 2019. The primary focus was to give a new and improved focus on DX(Developer Experience). The new <a target="_blank" href="https://mui.com/blog/2020-developer-survey-results/#comparison-with-last-year">v5.0.0</a> release has new initiatives that broaden the MUI horizon.</p>
<p>MUI organization's goal is to become the most effective tool to build UIs while making access to as many as possible.</p>
<h3 id="heading-whats-new-in-mui"><strong>What’s new in MUI?</strong></h3>
<p>Let’s jump into the brand new MUI. Many people combine or synonym Material-UI with Google. But the both Google’s Material Design and Material-UI is identical to each other.</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5zr98vibbg5ztsjszmmf.gif" alt="mui-new-component" /></p>
<h5 id="heading-new-name"><strong>New Name</strong></h5>
<p>Material-UI is now MUI. It stands for <strong>M</strong>aterial to build <strong>UI</strong>s.
It is quite shorter. Many people already used it for pronouncing Material-UI.</p>
<h5 id="heading-new-domain-name"><strong>New Domain Name</strong></h5>
<p>Moved from https://material-ui.com to https://mui.com. Its very easy to type and to find a mui.com on internet.</p>
<h5 id="heading-new-logos"><strong>New Logos</strong></h5>
<p>The new MUI logo is quite the same as an older one. They removed the 3D perspective and keep it simple as possible to adhere to the new brand identity. </p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b112ak3inb4pmdspenky.png" alt="mui-new-logo" /></p>
<h5 id="heading-new-package-names"><strong>New Package Names</strong></h5>
<p>This is a breaking change - The package names have changed in MUI v5. The npm name moved from @material-ui to <a target="_blank" href="https://www.npmjs.com/org/mui">@mui</a>. For more details, you may see the release notes.</p>
<h5 id="heading-new-website-andamp-documentation"><strong>New Website &amp; Documentation</strong></h5>
<p>I must say, the new Documentation helper guide is mind-blowing. MUI team really understands the pain points of their developers. Sections like Getting started, components, API, customization, how-to guides, and styles are completely restructured. Also, they integrated Algolia search which is helpful to find any search term. </p>
<p>You’ll find a completely different theme from Material Design with having new typefaces, colors, box-shadows with powerful theming features of v5.</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fiyseryja1wfvlin9cnq.png" alt="mui-documentation" /></p>
<h5 id="heading-color-palette"><strong>Color Palette</strong></h5>
<p>Following is the new color palette of the MUI brand.</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kv35kxn6yphwyi0aj11o.png" alt="mui-color-palette" /></p>
<h5 id="heading-mui-core-v50"><strong>MUI Core v5.0</strong></h5>
<p><a target="_blank" href="https://mui.com/blog/mui-core-v5/">Introducing</a> MUI core v5.0. Over 400 days of development and 40+ releases, MUI team introduce MUI core v5.0.0!</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aacl24hz56exx34ohaj4.png" alt="introducing-mui-v5" /></p>
<p><a target="_blank" href="https://mui.com/core/">MUI Core</a> is made for reusable, accessible UI components that you can combine to build your own website or web app. The components are free and also open-source, so you can edit them to fit your design system perfectly.</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l6osz5arftfmk5cyhkye.gif" alt="mui-core" /></p>
<h5 id="heading-features"><strong>Features</strong></h5>
<p>Component library having 40+ building blocks covering Button, Text Field, Table, and lots more.
Custom Theming - Start by defining your ideal design system, then build towards that goal.
Styling - CSS utility classes provide an easy way to add styling for common use cases.
[image]</p>
<h5 id="heading-mui-x"><strong>MUI X</strong></h5>
<p><a target="_blank" href="https://mui.com/x/">MUI X</a> is the premium product of MUI. Using the most powerful Data Grid on the market, you'll be able to build complex applications. 
The MUI X package makes it possible for apps to have complex use-cases that are supported by several advanced components.</p>
<ul>
<li>Data Grid</li>
<li>Date Picker</li>
<li>Tree View</li>
<li>Sparkline Chart</li>
<li>Charts</li>
</ul>
<p>The MUI Data Grid is a data table powerhouse. It comes with a multitude of features that make working with lots of data more efficient. From Editing to filtering MUI X is available for both Free and Premium plans of MUI.</p>
<p>Follow the MUI X <a target="_blank" href="https://github.com/mui-org/material-ui-x/projects/1">roadmap</a> for future updates.</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tr85n29yhh2xm4946ahn.png" alt="mui-x" /></p>
<h5 id="heading-all-new-mui-store"><strong>All New MUI Store</strong></h5>
<p>Find your desired premium MUI <a target="_blank" href="https://mui.com/store">template</a> in different categories like landing pages, Dashboard Templates and, E-commerce Templates.</p>
<p>The fun fact is the MUI store collection has an average of 4.5 ratings with hand-tested by the MUI team.</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b68evu3ntfgy69vojhoz.png" alt="mui-store" /></p>
<h5 id="heading-design-kits"><strong>Design Kits</strong></h5>
<p>MUI <a target="_blank" href="https://mui.com/design-kits/">Design Kits</a> is now in your favorite design tools - Sketch, Figma, and XD. </p>
<p>Pick your favorite design tool, whether it's XD, Figma, or Sketch, to enjoy and use MUI components. Boost consistency and facilitate communication when working with developers.</p>
<p>Designing with the same library will make development easier because you'll understand how it works, no matter you are Designers, Product Managers, or Developers you will surely love the MUI Design kits.</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2zlgouud69fdyrk5ehvk.png" alt="mui-designkits" /></p>
<h3 id="heading-the-team-behind-mui"><strong>The Team behind MUI</strong></h3>
<p>Most of MUI's core contributors are volunteers, and without the support of the community, MUI wouldn't be able to exist. There are a lot of professionals from different countries contributing to the MUI project.</p>
<p>Here is Core <a target="_blank" href="https://mui.com/about/">Team</a></p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ils9y3g96n06bc4gb2d0.png" alt="mui-team" /></p>
<h3 id="heading-how-to-support-mui"><strong>How to support MUI?</strong></h3>
<p>You can support MUI via three different channels</p>
<ul>
<li>Give them <a target="_blank" href="https://github.com/mui-org/material-ui/issues?q=is%3Aissue+is%3Aopen+sort%3Areactions-%2B1-desc">feedback</a></li>
<li>Answer questions on <a target="_blank" href="https://stackoverflow.com/questions/tagged/material-ui">Stackoverflow</a></li>
<li>Support them Financially via <a target="_blank" href="https://opencollective.com/mui">Open collective</a></li>
</ul>
<h3 id="heading-showcase"><strong>Showcase</strong></h3>
<p>You can find some of the <a target="_blank" href="https://mui.com/discover-more/showcase/">public</a> apps using MUI. The websites included there have the following dimensions</p>
<ul>
<li>Non-Material Design Customization</li>
<li>High Traffic</li>
<li>Open Source</li>
</ul>
<h3 id="heading-open-source-react-mui-templates"><strong>Open Source React MUI Templates</strong></h3>
<ul>
<li><a target="_blank" href="https://material-ui.com/store/items/berry-react-material-admin-free/">Berry Free</a> React Admin Dashboard</li>
<li><a target="_blank" href="https://material-ui.com/store/items/minimal-dashboard-free/">Minimal</a></li>
<li><a target="_blank" href="https://material-ui.com/store/items/devias-kit/">Devias</a></li>
</ul>
<h3 id="heading-premium-react-material-mui-templates"><strong>Premium React Material MUI Templates</strong></h3>
<p>You can find the top 10 react material-ui admin templates in my other <a target="_blank" href="https://dev.to/rakesh_nakrani/10-best-react-material-ui-admin-template-51ob">post</a>. But here I’m list few of popular templates.</p>
<ul>
<li><a target="_blank" href="https://material-ui.com/store/items/berry-react-material-admin/">Berry</a> React Dashboard Template</li>
<li><a target="_blank" href="https://material-ui.com/store/items/flexy-react-admin-dashboard/">Flexy</a> React</li>
<li><a target="_blank" href="https://material-ui.com/store/items/material-app/">Material App Pro</a></li>
</ul>
]]></content:encoded></item><item><title><![CDATA[Journey So far - July 2021]]></title><description><![CDATA[Berry has started as a small baby and its foot went far ahead since it was born. In this blog, I am going to explain the journey of berry from born to now (as of 13th July 2021). I will cover what we have changed since the initial release and what is...]]></description><link>https://blog.berrydashboard.com/journey-so-far-july-2021</link><guid isPermaLink="true">https://blog.berrydashboard.com/journey-so-far-july-2021</guid><category><![CDATA[React]]></category><category><![CDATA[dashboard]]></category><category><![CDATA[TypeScript]]></category><category><![CDATA[JavaScript]]></category><dc:creator><![CDATA[Rakesh Nakrani]]></dc:creator><pubDate>Thu, 15 Jul 2021 05:25:45 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436529649/KnIXvguZpT.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Berry has started as a small baby and its foot went far ahead since it was born. In this blog, I am going to explain the journey of berry from born to now (as of 13th July 2021). I will cover what we have changed since the initial release and what is upcoming after this. Of course, this will be more meaningful than just looking at the changelog. :)</p>
<p>The whole idea of berry is to provide options of two colors in the theme. Unlike other themes which have just one tone of color, berry comes with two-tone of color in the entire theme. And this makes berry different in the market. This idea proved to be worthy and people really like it. </p>
<h3 id="what-is-added"><strong>What is added</strong></h3>
<p>After berry's first release on May 21st, 2021, we have added a couple of things to satisfy the user needs and solve real-world problems while implementing any react project.</p>
<p><strong>TypeScript</strong></p>
<p>Typescript is a major thing we have done after berry launched. There are many requests from users who admire the berry to have a typescript version of the same. Typescript has been released within less than 2 months which was a challenging part for us. But efforts speak to themselves, people do like it and admire it through review comments. Please see reviews here: https://material-ui.com/store/items/berry-react-material-admin/</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436658716/h6FMAg_dn.jpeg" alt="review.jpg" /></p>
<p><strong>7 New Color Options</strong></p>
<p>Sometimes, you need a comparison to decide what is better. We have provided 7 new color options for users to choose the best suite for them. 6 of them are dual-tone and 1 is in a single tone. As a bonus, there is a dark variant for all 7 color options. With that, setting these colors from code is very easy and manageable.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436750067/2lAprSwig.gif" alt="Webp.net-gifmaker (2).gif" /></p>
<p><strong>Form variants</strong></p>
<p>Forms are the most used things when it comes to implementing any real-world application. We know this very well and always wanted to provide more choices to users so that they can save their time by utilizing ready-made components/forms.
We have added form layouts like simple, horizontal, divider, and different label alignments.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436786980/kVSFfz6Tc.png" alt="image-2.png" /></p>
<p>With that, we have provided validations on forms so that users can adapt them easily and save time by mimic their behavior for any desired validation.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436812294/rly0VBJiI.png" alt="image-3.png" /></p>
<p>Wizard is a very useful thing when it comes to implementing the continuous flow of something. For e.g. Checkout. We have implemented a ready-made flow for the same. This comes with a validation variant as well so that, if step 1 validation fails, it stops right there for the user to correct errors.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436835237/JtnUz_w6R.png" alt="image-4.png" /></p>
<p><strong>Improved js code</strong></p>
<p>We always work in the direction to improve code so that developers can find it useful while developing. We have added propTypes to JS code so that developers know upfront, what are the props for components and their types. This helps to reduce issues later time. To know more about propTypes, refer to this: https://reactjs.org/docs/typechecking-with-proptypes.html</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436856456/1YJ_5j4b7.png" alt="image-5.png" /></p>
<p><strong>Improvement to Mail/Chat app</strong></p>
<p>We have completely restructured the whole Mail and Chat app, mainly in the responsive part of the design. It's bit user experience issue while play around with both apps. So we have decided to move to a new structure with a flexible user experience. Doing so, we have made improvements in the menu drawer, added filter options, search functionality, and many more.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436884973/Pj-1vcfc1.gif" alt="Webp.net-gifmaker--3-.gif" /></p>
<h3 id="what-are-in-pipeline"><strong>What are in pipeline</strong></h3>
<p>We are adding things continuously as per users' demand and market. At present, we have the following things in the pipeline.</p>
<p><strong>Move to Material-UI beta from alpha</strong></p>
<p>Currently, the berry is in the alpha version v5 of Material-UI and our topmost priority is to move that on to the beta version as that is already released on July 1st, 2021. Following is the release schedule of Material-UI and we wanted to keep our self updated. Link for Material-UI release schedule: https://material-ui.com/versions/#release-schedule</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436908681/tEaeL68mg.png" alt="image-6.png" /></p>
<p><strong>Ecommerce</strong></p>
<p>It seems that e-commerce app is demanding in the market and we strive towards that. Development is already underway and expected to be released in the first week of August for both Typescript and Javascript. Have a glimpse of that below:</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436960436/e0VwrSZUe.png" alt="image-9.png" /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436969737/lmskoBWvW.png" alt="image-10.png" /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629436980388/aDnMoE31x.png" alt="mobile.png" /></p>
<p><strong>SAAS Pages/Application</strong></p>
<p>Design is under discussion/review at this point. </p>
<p><strong>Kanban App</strong></p>
<p>Design is under discussion/review at this point.</p>
<h3 id="sales-pitch"><strong>Sales Pitch</strong></h3>
<p>We are able to achieve the first 110 sales within 50 days of span. This is a great start for any new product in the market compare to other big bulls in stores.</p>
<p><strong>git hub impression (Free version already in alpha)</strong></p>
<p>We believe in the open-source community and hence provided a free version of Berry to analyze and assert the theme. We are getting good traffic on our free git hub repo: https://github.com/codedthemes/berry-free-react-admin-template</p>
<p>Recently, we have updated Berry React free version to Material-UI beta before we launch the same in the marketplace for the PRO version. This helps users to test the latest version of Material-UI and they can also help the Material-UI community to improve.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629437015283/0b2fDsWXK.png" alt="tweet-github-1.png" /></p>
<h3 id="bronze-sponsor-of-material-ui"><strong>Bronze sponsor of Material-UI</strong></h3>
<p>We have decided to become the  <a target="_blank" href="https://material-ui.com/discover-more/backers/#bronze">Bronze sponsor</a> of Material-UI to manage efforts of continued development of open-source products. Every month small amount will be donated to the team via  <a target="_blank" href="https://www.patreon.com/oliviertassinari">Patreon</a> Or  <a target="_blank" href="https://opencollective.com/material-ui">OpenCollective</a>.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629437044034/Zn3ZzB60_.png" alt="image-12.png" /></p>
<p>We urge techies to contribute any amount to the team for their efforts and better product. You can do it from here: https://material-ui.com/discover-more/backers/</p>
<h3 id="summary"><strong>Summary</strong></h3>
<p>The journey of berry is not a small path to follow and we are trying to follow it continuously. The journey will continue until we satisfy users as per their demands and needs. I will come with more upcoming features and release updates, till that time, give a  <a target="_blank" href="https://github.com/codedthemes/berry-free-react-admin-template">try the Berry</a> and its feature, it cost you nothing. :)</p>
<p>We are open to suggestions and ideas, feel free to reach out here: https://codedthemes.support-hub.io</p>
]]></content:encoded></item><item><title><![CDATA[Berry React Pro out now]]></title><description><![CDATA[Finally, The day is here. Berry Pro is available to purchase from  Material-UI store. In one word, Berry is a beautiful yet simple react admin template made using Material-UI v5 component library. You can build anything from a User Management panel t...]]></description><link>https://blog.berrydashboard.com/berry-react-pro-out-now</link><guid isPermaLink="true">https://blog.berrydashboard.com/berry-react-pro-out-now</guid><category><![CDATA[React]]></category><category><![CDATA[Material Design]]></category><category><![CDATA[TypeScript]]></category><category><![CDATA[JavaScript]]></category><dc:creator><![CDATA[Rakesh Nakrani]]></dc:creator><pubDate>Tue, 25 May 2021 05:04:31 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1629435839572/rL7I286MJ.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Finally, The day is here. Berry Pro is available to purchase from  <a target="_blank" href="https://material-ui.com/store/items/berry-react-material-admin/">Material-UI store.</a> In one word, Berry is a beautiful yet simple react admin template made using Material-UI v5 component library. You can build anything from a User Management panel to any complex backend project with power of fully structured code style and minimal User Interface.</p>
<p>Berry is meant to be built for faster development with flexibility. In terms of development &amp; easing work flow, we’ve made the standard folder structure and prettier code style that cut down your development time and money.</p>
<blockquote>
<p>To know more about Berry here is our post -  <a target="_blank" href="https://blog.berrydashboard.io/everything-about-berry-react-admin-template">Everything About Berry</a>.</p>
</blockquote>
<p>In this post, we are focusing more in depth about Berry's concern UI framework, why you choose Berry over other and what challenges we face while working on Berry project.</p>
<h2 id="table-of-content"><strong>Table of content</strong></h2>
<ul>
<li>Why Material-UI?</li>
<li>What makes Berry different?</li>
<li>While working on the Berry Project.</li>
<li>Future plans &amp; RoadMap</li>
<li>Important links</li>
</ul>
<h3 id="why-material-ui-a-preferred-choice-for-berry"><strong>Why Material-UI a preferred choice for Berry?</strong></h3>
<p>When you think about Reactjs UI library, your might have 3 top choices for choosing reliable component library i.e. React Bootstrap, Ant design, and Material-UI.</p>
<p>Well, Here we detailed the Material-UI’s best features  <a target="_blank" href="https://dev.to/kylehunter/6-six-reasons-to-use-material-ui-for-react-1anh">compared to others.</a> </p>
<ul>
<li>Strictly follow Material design guidelines.</li>
<li>It provides utility components, hooks, helpers and the theme customization engine.</li>
<li>Designed for server-side rendering.</li>
<li>CSS in JS solution combined with styled-components.</li>
<li>Aesthetically brilliant with its animations and design styles.</li>
<li>Each component functions independently.</li>
<li>Extensive support for issues and bugs.</li>
<li>Regularly updated library.</li>
<li>Useful Documentation.</li>
</ul>
<p>In terms of appearance, Material-UI is a lot more dynamic and appealing when compared to React Bootstrap’s standard design.</p>
<h3 id="what-makes-berry-unique-in-crowd"><strong>What makes Berry unique in Crowd?</strong></h3>
<p>Firstly, Berry’s refreshed design makes a significant difference from others. Secondly, Berry’s optimized code standard &amp; easy to use folder structure opens the gate of easing development.</p>
<p>For that we have made the Berry in a way that saves your thousands of dollars on development.</p>
<p>Reasons to choose Berry</p>
<ul>
<li>Code Performance</li>
<li>Custom Components</li>
<li>Over 90+ pages to choose on.</li>
<li>Highly responsive and fully tested design.</li>
<li>Video Tutorials and Easy Documentation Guide.</li>
<li>Theme variants with predefined customization options like Font Family selection, Border Radius settings, and dark - light options.</li>
<li>5+ fully configured Applications.</li>
<li>2+ conceptual Dashboards.</li>
<li>And lots more features.</li>
</ul>
<h3 id="while-working-on-berry"><strong>While working on Berry....</strong></h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629435777256/65I0MCmuU.jpeg" alt="IMG_8566.jpg" /></p>
<p>Before making Berry - we have made a pre-plan that makes sense for our final product. We are continuously on track to overcome the pain points of our users. For that we have made lots of iteration processes with agile methodology. </p>
<p><strong>Design Phase</strong></p>
<p>Design is the most crucial part of Berry. You just “wow” when you see the Berry for the first time. We know it better that the user's first interaction is Design instead of looking further into code.  So we got our first pain point - “The Design” or you may say “User Interface”.  Now it's time to re-think upon our past experience &amp; make some fresh interface which is out of the box in the current market.</p>
<p>In this phase, Mr. Olivier (Co-founder of Material-UI) helps us a lot to finalize the overall design aesthetics of Berry. We are also very much thankful to  <a target="_blank" href="https://twitter.com/olivtassinari">Mr. Olivier</a>  for supporting us in the whole project.</p>
<p><strong>Development Phase</strong></p>
<p>It’s magic time to turn design into reality, Skin needs a hard skeleton for standing in a crowd. For that Material-UI serves the role of Skeleton. It has everything you demand for your next backend project. From UI components to design engine Material-UI is out of the box for faster development. Firstly, Berry is develop in Material-UI v4 version and while working version 5 is out with drastic changes in Performance. We have decided to migrate v4 to v5. Version 5 is our best decision to migrate Berry into it.</p>
<p>It takes us almost 3 months of time to develop Berry from scratch. Each line of code is written carefully with proper style &amp; formatting.</p>
<p>You surely love the well commented code and easy navigation flow while using Berry for your next project.</p>
<p><strong>Testing Phase</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629435817512/zQ7DY05fb.jpeg" alt="IMG_8556.jpg" /></p>
<p>“Making a Dashboard Template is a big thing” - You need to take care of each aspect of Design rendering, Code Performance, Speed, Validation, Device &amp; Browser compatibility.</p>
<p>For Berry - Our past experience plays a significant role in the Testing Phase. We have a huge portfolio in  <a target="_blank" href="https://codedthemes.com/item/category/templates/admin-templates/">Admin Templates</a> and know the process for the best practices for smooth testing flow.</p>
<p>Our main challenge is for Dark layout and Responsive testing in modern devices.</p>
<p>Each of our member from our team really worked hard to make Berry a high performance product. For responsive tests we have used the real devices that cover iPad, iPhone, iMac &amp; Android devices. So you get a smooth interface in every corner of your project.</p>
<p><strong>RoadMap</strong></p>
<p>Considering Berry as our long-run project - we do continuous work on the following activities for future plans.</p>
<ul>
<li>Knowledge Base for more easiness for users</li>
<li>Video tutorial series - Guided Installation videos, detailed setup process that makes  - less burden to work with Berry</li>
<li><a target="_blank" href="https://codedthemes.gitbook.io/berry/roadmap">Roadmap</a> for future releases</li>
<li>Focus on detailing the Documentation</li>
</ul>
<h3 id="follow-us"><strong>Follow us</strong></h3>
<p>Follow for receive updates about Berry Progress.</p>
<ul>
<li>Website - http://berrydashboard.io</li>
<li>Pro - https://material-ui.com/store/items/berry-react-material-admin/</li>
<li>Free - https://github.com/codedthemes/berry-free-react-admin-template/</li>
<li>Author - https://codedthemes.com</li>
<li>Facebook - https://www.facebook.com/codedthemes</li>
<li>Twitter - https://twitter.com/codedthemes</li>
</ul>
]]></content:encoded></item><item><title><![CDATA[Berry Free React Admin Template]]></title><description><![CDATA[Berry is a creative yet minimal free react admin template that is built using the Material UI. It is a game-changer React Dashboard Template, and the design is easy to use with a responsive layout.
We made lots of design Iteration and usability testi...]]></description><link>https://blog.berrydashboard.com/berry-free-react-admin-template</link><guid isPermaLink="true">https://blog.berrydashboard.com/berry-free-react-admin-template</guid><category><![CDATA[React]]></category><category><![CDATA[TypeScript]]></category><category><![CDATA[JavaScript]]></category><category><![CDATA[Web Development]]></category><category><![CDATA[Material Design]]></category><dc:creator><![CDATA[Rakesh Nakrani]]></dc:creator><pubDate>Mon, 10 May 2021 04:52:13 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1629435094101/VkBI78GZ4.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Berry is a creative yet minimal free react admin template that is built using the Material UI. It is a game-changer React Dashboard Template, and the design is easy to use with a responsive layout.</p>
<p>We made lots of design Iteration and usability testing to overcome the customer’s  <a target="_blank" href="https://dev.to/rakesh_nakrani/introducing-berry-react-material-design-admin-template-27dk">pain points</a>. Our customer first  <a target="_blank" href="https://blog.berrydashboard.io/everything-about-berry-react-admin-template">approach</a> gives us the motivation towards the Berry journey. You surely feel amazed after seeing the Berry User Interface.</p>
<p>We are pleased to announce the Berry open-source React Admin Template and you can download it from  <a target="_blank" href="https://github.com/codedthemes/berry-free-react-admin-template?ref=blog">Github</a>.</p>
<h2 id="table-of-contents"><strong>Table of contents</strong></h2>
<ul>
<li>Why choose Berry?</li>
<li>Download</li>
<li>Getting Started</li>
<li>Documentation</li>
<li>Technology Stack</li>
<li>Author</li>
<li>License</li>
</ul>
<h3 id="why-choose-berry"><strong>Why choose Berry?</strong></h3>
<p>Berry brings everything you need for dashboard development. We have added the following features in the initial release.</p>
<ul>
<li>Modern aesthetics UI design</li>
<li>Material UI components</li>
<li>Fully Responsive, all modern browser supported</li>
<li>Easy to use code structure</li>
<li>Flexible &amp; High-Performance code</li>
<li>Easy Documentation Guide</li>
<li>Download</li>
</ul>
<h3 id="download"><strong>Download</strong></h3>
<p>Free version</p>
<ul>
<li><a target="_blank" href="https://berrydashboard.io/free/dashboard/default">Live Preview</a> </li>
<li>Download from  <a target="_blank" href="https://github.com/codedthemes/berry-free-react-admin-template?ref=blog">Github</a> </li>
</ul>
<p>Pro version</p>
<ul>
<li><a target="_blank" href="https://berrydashboard.io">Live Preview</a> </li>
<li><a target="_blank" href="https://material-ui.com/store/items/berry-react-material-admin/">Purchase Now</a> </li>
</ul>
<h3 id="getting-started"><strong>Getting Started</strong></h3>
<p>Clone from GitHub</p>
<pre><code>git clone https://github.com/codedthemes/berry-free-react-<span class="hljs-keyword">admin</span>-<span class="hljs-keyword">template</span>.git
</code></pre><h3 id="documentation"><strong>Documentation</strong></h3>
<p>Berry documentation helps you out in all aspects from installation to deployment.</p>
<h3 id="technology-stack"><strong>Technology Stack</strong></h3>
<ul>
<li><a target="_blank" href="https://material-ui.com/">Material-UI</a> Component library.</li>
<li>Built with React Hooks API.</li>
<li>Redux &amp; React Context API for State Management.</li>
<li>React Router for Navigation Routing.</li>
<li>Support of react-script.</li>
<li>Code Splitting.</li>
<li>CSS-in-JS where CSS is composed using JavaScript instead of defined in external files.</li>
</ul>
<h3 id="author"><strong>Author</strong></h3>
<p>Berry is managed by Team  <a target="_blank" href="https://codedthemes.com">CodedThemes</a></p>
<h3 id="issues"><strong>Issues</strong></h3>
<p>Please generate a GitHub issue if you found a bug in any version. We love to resolve any  <a target="_blank" href="https://github.com/codedthemes/berry-free-react-admin-template/issues">issue</a> .</p>
<h3 id="license"><strong>License</strong></h3>
<p>Free version cover under  <a target="_blank" href="https://github.com/codedthemes/datta-able-bootstrap-dashboard/blob/master/LICENSE">MIT</a> </p>
<h3 id="follow-us"><strong>Follow us</strong></h3>
<p>Follow for receive updates about Berry Progress.</p>
<ul>
<li>Website - http://berrydashboard.io</li>
<li>Pro - https://material-ui.com/store/items/berry-react-material-admin/</li>
<li>Free - https://github.com/codedthemes/berry-free-react-admin-template/</li>
<li>Author - https://codedthemes.com</li>
<li>Facebook - https://www.facebook.com/codedthemes</li>
<li>Twitter - https://twitter.com/codedthemes</li>
</ul>
]]></content:encoded></item><item><title><![CDATA[Everything About Berry React]]></title><description><![CDATA[In my previous blog, I introduced about my upcoming product Berry - The react admin dashboard template. If you don't know what is Berry, Please look into this  article.
In this post, I am going to provide everything about  Berry  - The React based Ma...]]></description><link>https://blog.berrydashboard.com/everything-about-berry-react-admin-template</link><guid isPermaLink="true">https://blog.berrydashboard.com/everything-about-berry-react-admin-template</guid><category><![CDATA[React]]></category><category><![CDATA[dashboard]]></category><category><![CDATA[Web Development]]></category><category><![CDATA[TypeScript]]></category><dc:creator><![CDATA[Rakesh Nakrani]]></dc:creator><pubDate>Thu, 29 Apr 2021 04:17:26 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1629432007657/Yyd-EKmlR.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>In my previous blog, I introduced about my upcoming product Berry - The react admin dashboard template. If you don't know what is Berry, Please look into this  <a target="_blank" href="https://blog.berrydashboard.io/introducing-berry-react-material-design-admin-template">article</a>.</p>
<p>In this post, I am going to provide everything about  <a target="_blank" href="https://berrydashboard.io">Berry</a>  - The React based Material Admin Template. This blog will cover following topics.</p>
<ul>
<li>What makes Berry different from others?<ul>
<li>Design</li>
<li>Flexibility</li>
<li>Technology stack</li>
<li>Pages</li>
<li>Package Includes</li>
<li>Compatibility</li>
</ul>
</li>
<li>Our Continuous development for customer satisfaction</li>
<li>Future planning &amp; roadmap</li>
</ul>
<p>Let me explain all the above points in detail.</p>
<h3 id="what-makes-berry-different-from-others"><strong>What makes Berry different from others?</strong></h3>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629432969895/WNSEp59_U.jpeg" alt="IMG_8543.jpg" /></p>
<p>At First glance, minimal Design makes Berry an Identical React backend template. Our focus is not just to achieve a simplistic design but it also provides great User Experience and Berry will prove it. There are numerous features that make Berry one of the best, most powerful react admin template available.</p>
<p><strong>Design</strong></p>
<ul>
<li>Light / Dark Layouts</li>
<li>LTR / RTL (Right-to-Left) Layouts</li>
<li>Live customization of Font Family</li>
<li>Use Eye-catchy warm color palette.</li>
</ul>
<p><strong>Flexibility</strong></p>
<ul>
<li>Easy &amp; consistent folder structure</li>
<li>Prettier and well-Commented code style</li>
<li>Organized code structure</li>
<li>The hassle-free setup process and convenient helper guide</li>
<li>Easy to implement components and pages</li>
</ul>
<p><strong>Technology Stack</strong></p>
<ul>
<li>Built with  <a target="_blank" href="https://github.com/mui-org/material-ui">Material-UI</a> v5 components library</li>
<li>Authentication Methods - Auth0, Firebase, JWT</li>
<li>Built with React Hooks API</li>
<li>Redux &amp; React Context API for State Management</li>
<li>React Router for Navigation Routing</li>
<li>Axios to Mock APIs</li>
<li>Support of react-script</li>
<li>Code Splitting</li>
<li>CSS-in-JS where CSS is composed using JavaScript instead of defined in external files</li>
<li>Multi-Language Support</li>
</ul>
<p><strong>Pages</strong></p>
<ul>
<li>100+ Ready to use pages</li>
<li>5+ Working Apps like Mail, Chat, User Management, Contact, Calendar, and more to be added.</li>
<li>Vertical page Layout with unlimited Menu level support.</li>
<li>Menu Header with creative yet useful Notification &amp; User Dialog options.</li>
<li>Live Customizer with support of font selection, Layout switcher, Border radius and Button shadow enables/disable options.</li>
<li>2 Dashboards with Footer features.</li>
<li>50+ Useful Data, Statistics, and Chart Widgets.</li>
<li>Contact cards Grid &amp; List variants.</li>
<li>10+ Important Form Plugins like Masking, Editor, Autocomplete, Clipboard, etc...</li>
<li>Table variants like Simple table, Data table, Enhanced table with search, filter, pagination support.</li>
<li>3 Variants of Authentication pages like login, register, forget &amp; reset the password, OTP verification.</li>
<li>Maintenance Pages like Error, coming soon (2 variant), under construction.</li>
<li>Utility pages like Typography, Color, Shadows, Icons (i.e. 2000+ Material Icons, Tabler Icons)</li>
<li>Landing Page</li>
</ul>
<p><strong>Package Includes</strong>
The final download package includes the following directory.</p>
<ul>
<li>Full &amp; Skeleton (Quick start) package.</li>
<li>Separate JavaScript &amp; TypeScript (coming soon i.e. only available in Plus &amp; Extended License) package.</li>
<li>Figma Design Resource File (i.e. only available in Plus &amp; Extended License).</li>
<li>Documentation.</li>
</ul>
<p><strong>Compatibility</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1629433020886/V3FQDIISl.jpeg" alt="IMG_8563.jpg" /></p>
<p>We have tested the Berry in the following environment.</p>
<ul>
<li>Browser  <a target="_blank" href="https://material-ui.com/getting-started/supported-platforms/">compatibility</a>  - Chrome, Mozilla, Edge, Safari (macOS), Opera</li>
<li>Design Tested on Retina Displays, Laptop media, and responsive media like Tablet/iPad and Mobile devices.</li>
<li>Page speed test made using Google Page Speed, GT Metrix tools.</li>
</ul>
<h3 id="our-continuous-involvement-for-customer-satisfaction"><strong>Our Continuous Involvement for customer satisfaction</strong></h3>
<p>Customers always wanted a product which gives them satisfaction in terms of usability, support, and easy to find query solutions. To achieve that we have a plan for continuous involvement in Berry. From our past experience, we found that, manage following things makes a good impact on customers that helps them quickly find solution in the very first step without writing a ticket to us.</p>
<ul>
<li>Knowledge Base</li>
<li>Video Tutorials</li>
<li>Quick FAQs</li>
<li>A Support System with minimum turnaround time query resolution</li>
<li>Act upon Customer Feedback queries</li>
</ul>
<h3 id="future-planning-and-road-map"><strong>Future Planning &amp; Road Map</strong></h3>
<p>We consider Berry react dashboard as a long run project. We shake our hand with ongoing trends, by doing our continuous involvement in our users' needs &amp; their problem statement. So we will work based upon it.</p>
<p>What we are considering next,</p>
<ul>
<li>More App Pages like E-commerce, File Manager, Sass.</li>
<li>Conceptual Analytic, Sass, E-commerce Dashboards.</li>
<li>Rich set of Widgets for Statistics, Data, Charts.</li>
<li>More Page Layouts - Horizontal, Collapse.</li>
<li>Considering Form pages like Form Wizard, Multi Column Forms, Form Validations.</li>
<li>Considering Form Plugins like Form Mega Options, MaxLength, Multi Select, Select2, noUISlider, Form Repeater, Auto resize Textarea, MarkDown Editor, File Upload.</li>
</ul>
<h3 id="summing-up"><strong>Summing up</strong></h3>
<p>Hope you enjoy this detailed post. I try to cover up the many things about our Berry Project which make sense upon Technology aspects and our future plan for The Berry Material UI admin template. I will regularly make post upon Berry, so you can better know it. Stay tuned and stay safe.</p>
<h3 id="follow-us"><strong>Follow us</strong></h3>
<p>Follow for receive updates about Berry Progress.</p>
<ul>
<li>Website - http://berrydashboard.io</li>
<li>Pro - https://material-ui.com/store/items/berry-react-material-admin/</li>
<li>Free - https://github.com/codedthemes/berry-free-react-admin-template/</li>
<li>Author - https://codedthemes.com</li>
<li>Facebook - https://www.facebook.com/codedthemes</li>
<li>Twitter - https://twitter.com/codedthemes</li>
</ul>
]]></content:encoded></item><item><title><![CDATA[Introducing Berry React Admin Template]]></title><description><![CDATA[Introducing, Berry - A React Admin template made using the most popular  Material-UI  components library. Material-UI is a simple and highly customizable component library to build faster, beautiful, and more accessible react applications.
Berry is c...]]></description><link>https://blog.berrydashboard.com/introducing-berry-react-material-design-admin-template</link><guid isPermaLink="true">https://blog.berrydashboard.com/introducing-berry-react-material-design-admin-template</guid><category><![CDATA[React]]></category><category><![CDATA[Material Design]]></category><category><![CDATA[template]]></category><category><![CDATA[Web Development]]></category><dc:creator><![CDATA[Rakesh Nakrani]]></dc:creator><pubDate>Sun, 25 Apr 2021 03:49:10 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1629430559965/SCQhIl7yd.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Introducing, Berry - A React Admin template made using the most popular  <a target="_blank" href="https://material-ui.com/getting-started/installation/">Material-UI</a>  components library. Material-UI is a simple and highly customizable component library to build faster, beautiful, and more accessible react applications.</p>
<p>Berry is covering all you need in order to create a dashboard application which will take full advantage of the latest React Technology and the Material Design Guidelines. In fact you’ll be starting up your project in minutes, we are really excited with what we managed to achieve in a short period of time, fingers crossed that you’ll like it.</p>
<p><strong>Table of contents</strong></p>
<ul>
<li>Technology Stack</li>
<li>Why to choose Berry?</li>
<li>Key Features</li>
<li>Downloads</li>
<li>Goal</li>
</ul>
<p><strong>Technology Stack</strong></p>
<p>Before making Berry we have committed to use the latest technology stack to achieve the best end product. In that way we have consider &amp; implementing the following technologies in Berry react material dashboard template.</p>
<ul>
<li>Material UI for component library</li>
<li>NPM/Yarn for package installation</li>
<li>React Hook for state management</li>
<li>React Redux for UI Bindings</li>
<li>CSS-in-JS where CSS is composed using JavaScript instead of defined in external files</li>
<li>JavaScript &amp; soon support TypeScript</li>
<li>Authentication methods i.e. Auth0, JWT, Firebase</li>
<li>Prettier for code formatting</li>
</ul>
<p><strong>Why to choose Berry?</strong></p>
<p>Berry is not an ordinary admin template out there in the market but it is a complete package for your backend template need. We’re considering Berry a long-run product with continuous development in terms of new features, pages, components and 3’rd party plugins integration.</p>
<p>You may choose Berry for the following reasons.</p>
<ul>
<li>Modern high aesthetics UI design</li>
<li>Quick Start with Skeleton version</li>
<li>Hundreds of UI components &amp; Elements</li>
<li>Apps &amp; Pre-build useful pages</li>
<li>Fully Responsive, all modern browser supported</li>
<li>Easy to use code structure</li>
<li>Flexible &amp; High-Performance code</li>
<li>Easy Documentation Guide</li>
</ul>
<p><strong>Key Features</strong>
Berry allows you to build feature-rich and professional interfaces while focusing on the core functionality. It is built with modern technologies, ensures a great developer and designer experience. The simplicity of using it is that a designer or developer of any level can build, design and ship any outstanding web applications using Berry. Following are the key features that make Berry a top-class React Admin Template.</p>
<ul>
<li>100+ Ready to use pages</li>
<li>Figma design files</li>
<li>Easy to use folder structure</li>
<li>Material UI v5 Component Library</li>
<li>Authentication methods - Auth0, Firebase, JWT</li>
<li>Built with React Hooks API</li>
<li>Redux &amp; React Context API for State Management</li>
<li>React Router for Navigation Routing</li>
<li>Axios</li>
<li>Create React App</li>
<li>Code Splitting</li>
<li>Dark/Light Mode</li>
<li>Live customizer - Font family selection, Layout style modifier</li>
<li>Multi-Language Support</li>
<li>LTR/RTL (Right to Left) Mode</li>
</ul>
<p><strong>Downloads</strong></p>
<p>Download Free &amp; Pro Berry React version using following links.</p>
<p> <a target="_blank" href="https://github.com/codedthemes/berry-free-react-admin-template/">Free Version</a>  |  <a target="_blank" href="https://berrydashboard.io/">Live Preview</a>  |  <a target="_blank" href="https://material-ui.com/store/items/berry-react-material-admin/">Purchase Now</a>  </p>
<p><strong>Pre-launch offer</strong>
We’re giving away the pre-launch limited offer i.e. 20% off on all licenses. Use "launch" coupon code while in checkout.</p>
<p><strong>Goal</strong></p>
<p>Our goal is to create new features, apps pages, plugins Integration which stands the Berry always updated for our userbase with the latest technologies &amp; trends. We're soon going to release the Berry  <a target="_blank" href="https://codedthemes.gitbook.io/berry/roadmap">roadmap</a>.</p>
]]></content:encoded></item></channel></rss>