The latest articles on DEV Community by Mukund Bharti (@worldshero). https://dev.to/worldshero https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F287080%2Fda4681e1-3e48-4dfc-b75b-e152e072d1bc.png https://dev.to/worldshero en Mukund Bharti Wed, 16 Nov 2022 06:15:11 +0000 https://dev.to/worldshero/top-5-react-boilerplates-to-know-in-2023-2lbl https://dev.to/worldshero/top-5-react-boilerplates-to-know-in-2023-2lbl <p>Hi Devs , Hope you are doing well in development , Today I'm going to tell you top 5 react starter which makes your development more fast and reliable.</p> <p>If you are beginner don't take much stress about it . It needs basic react concept to learn so lets start. :)</p> <h1> Top 5 React Boilerplates: </h1> <p>1)Create React App<br> 2)React Boilerplate<br> 3)Gatsby<br> 4)React Starter Kit<br> 5)Razzle</p> <ul> <li>1 Create React App : </li> </ul> <p><a href="https://github.com/facebook/create-react-app">Create React App</a> is simple and basic to start the react app it includes webpack and much more it supports RTL and multilingual channel .</p> <ul> <li><p>2 <a href="https://github.com/react-boilerplate/react-boilerplate">React Boilerplate</a> is a reliable and well-designed boilerplate in the Javascript UI Libraries, with 28.2k ratings on GitHub. The super-rich component and font base, together with Redux, Mocha, Redux-Saga, Jest, React Router, PostCSS, and reselect are all included. They support SEO indexing. Concentrating on app development and performance is more than enough.</p></li> <li><p>3 Gatsby<br> <a href="https://github.com/gatsbyjs/gatsby"> Gatsby</a> is open-source framework based on React.Professional developers can efficiently design maintainable, highly effective, content-rich websites with the help of Gatsby.It produces a whole new web of possibilities by combining the control and scalability of dynamically displayed websites with the quickness of static-site production.</p></li> <li><p>4 React Starter Kit<br> <a href="https://github.com/kriasoft/react-starter-kit">React Starter Kit</a><br> The React library, which has 20.6k stars, served as the foundation for Kriasoft's isomorphic starter kit. Modern web development tools including Node.js, Express, GraphQL, Babel, PostCSS, Webpack, and Browsersync are used by React Starter Kit</p></li> <li><p>5 Razzle<br> <a href="https://github.com/jaredpalmer/razzle">Razzle</a> <br> Razzle uses this method to operate with a variety of frameworks, including Angular, Preact, Vue, Svelte, and not just React. While your app is running, just type rs in the console and press Enter to restart your server.</p></li> </ul> <p>happy coding :)</p> react javascript opensource typescript Mukund Bharti Fri, 13 Dec 2019 09:16:57 +0000 https://dev.to/worldshero/how-to-format-vue-js-datetime-picker-input-date-j85 https://dev.to/worldshero/how-to-format-vue-js-datetime-picker-input-date-j85 <div class="ltag__stackexchange--container"> <div class="ltag__stackexchange--title-container"> <div class="ltag__stackexchange--title"> <h1> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nfpfhxRD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackoverflow-logo-7a8ef189e4f15e79cc8edc0cd3cff97b77dbaf61e8d5bee3c7507ace7d776b83.svg" alt=""> <a href="https://stackoverflow.com/questions/59319340/how-to-format-vue-js-datetime-picker-input-date" rel="noopener noreferrer"> How to format Vue JS DateTime picker input date </a> </h1> <div class="ltag__stackexchange--post-metadata"> <span>Dec 13 '19</span> <span>Comments: 1</span> <span>Answers: 0</span> </div> </div> <a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/59319340/how-to-format-vue-js-datetime-picker-input-date" rel="noopener noreferrer"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s---Gu-KklO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-up-d310ac55a57f00b74b1303a08e0f2e3cdea8fea5989fa5d70f506008aa86428b.svg" alt=""> <div class="ltag__stackexchange--score-number"> 0 </div> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nOzY64sa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-down-fd895e09c6a93e39464cad43d727a293eae44c7228c087e86d478214a271c794.svg" alt=""> </a> </div> <div class="ltag__stackexchange--body"> <p>I need to make a DateTime picker using Vue in Laravel and I found this one <a href="https://github.com/mariomka/vue-datetime" rel="nofollow noreferrer">https://github.com/mariomka/vue-datetime</a>. It's quite nice.</p> <p>The problem is that when the data is sent to the server, Carbon\Carbon cries out saying Unexpected data found. Trailing data and InvalidArgumentException.</p> <p>I suspect it's because of the…</p> </div> <div class="ltag__stackexchange--btn--container"> <a href="https://stackoverflow.com/questions/59319340/how-to-format-vue-js-datetime-picker-input-date" rel="noopener noreferrer">Open Full Question</a> </div> </div>