At Spatie we have a tv screen against the wall that displays a dashboard. This dashboard displays the tasks our team should be working on, important events in the near future, which tasks each of our team members should be working on, what music they are listening to, and so on. Here’s what it looks like: We’ve open sourced our dashboard so you can view the entire source code on GitHub. It is built with Laravel 5.7, Vue and Tailwind CSS. This dashboard is not entirely new. The initial version was published a couple of years ago. At our company, we like to tinker with new stuff. That’s why we perform a big cleanup of the source code every year. We also update all the dependencies and technologies used. This year we focused on updating the design. The dashboard now uses Tailwind CSS. In this blog post, which is an update to the previous one, I like to explain how this dashboard is built. You’ll need to be familiar with both Laravel and Vue to get the most out of this post. If you need to brush up your Vue knowledge, I can highly recommend Laracasts lessons on Vue. History # We’ve had a dashboard at Spatie for quite some time now. Before our current Laravel-based one we used Dashing, a framework to quickly build dashboards. The framework was created by the folks at Shopify and uses Ruby under the hood. When I first built our dashboard, a few years ago, we were at a crossroads with our company. There wasn’t much momentum in the PHP world and we...
Mobile applications are growing larger and more complex. Larger apps using JavaScript frameworks often experience performance issues as developers add features and complexity. These issues are generated from various spots, but the people using these apps expect them to run smoothly, regardless of the device they are on. To increase the performance of Facebook’s apps, we have teams that continuously improve our JavaScript code and platforms. As we analyzed performance data, we noticed that the JavaScript engine itself was a significant factor in startup performance and download size. With this data in hand, we knew we had to optimize JavaScript performance in the more constrained environments of a mobile phone compared with a desktop or laptop. After exploring other options, we built a new JavaScript engine we call Hermes. It is designed to improve app performance, focusing on our React Native apps, even on mass-market devices with limited memory, slow storage, and reduced computing power. At , we announced the Hermes JavaScript engine. We have , as well as integration with Hermes for React Native. We are excited to work with the open source community and have developers start using Hermes today. How Hermes improves React Native performance For JavaScript-based mobile applications, user experience benefits from attention to a few primary metrics: The time it takes for the app to become usable, called time to interact (TTI) The download size (on Android, APK size) Memory utilization Metrics for MatterMost React Native app running on a Google Pixel, similar in performance to popular phones in markets like India. Notably, our primary metrics are relatively insensitive to the engine’s CPU usage...
The introduction of highly smart gadgets such as the Smartphones, tablets, iPads and portable notepads etc. has witnessed not only the advent of mobile and web applications, but also their remarkable growth and response amid the end users. This incredible growth is significantly increasing with each passing month and year. According to a survey, about 197 million apps has already been downloaded globally, whereas the data of App Annie says that about more than 25 billion iOS apps and around 90 billion Android apps were downloaded the previous year 2016. Talking about the current trends prevailing this year, the social media apps such as Facebook, Twitter, Instagram and Whatsapp are still leading the way forward, followed by Google apps like YouTube, Gmail and Google Chrome etc. Even the popular gaming apps are also not lacking behind. This huge drift in the popularity of app category has brought change in the mobile app development trends influencing the concerned business to a great extent. Within less than a couple of months, we will be welcoming the new year 2018 and believe it, mobile app development industry is going to get even steeper where getting your apps visible on the App Store will perhaps be the toughest task for the app developers. But as always the pre-preparations help before undertaking any challenge, having a wide knowledge on the mobile app development trends of 2018 will prove beneficial and fruitful. 1. Artificial Intelligence will Gain the Spotlight If you ask an experienced app developer, the term Artificial Intelligence is no more alien to him considering the fact that it has gained a good...
File upload is one of the most popular features in modern web. And we have quite a few libraries that can help us to build upload form. Let’s take two of my favorites – Dropzone on the front-end, and Spatie MediaLibrary on the back-end, and build a great uploading experience, in this tutorial. First, what we’re building here. A simple for to add Projects, where you can also upload multiple files for every project. As you can see, file upload has a big block instead of just an input file field. That’s how Dropzone works. But let’s take it one step at a time. Step 1. MediaLibrary Installation Let’s prepare the back-end, where we will actually store the files. We install the package like this: Next, we publish their migration files, and run migrations: By this time, we should have media table in our database. This table uses Polymorphic Relations, so in our case will store records with model_type field equals app\Project, which means that media file will be assigned to a project (not to a user, or anything else). Step 2. Adding Dropzone.js code In our Blade file, with the form, we need to add JavaScript code for Dropzone. There are multiple ways to do it, depending how you structure your whole Blade architecture, but here’s my version of resources/views/admin/projects/create.blade.php: Ok, so what you can see here? Ok ok, let’s add the JavaScript to make it actually work. At the end of the Blade file, I have this section: Looks complicated, doesn’t it? No worries, I will point to the actual places you need to look at: Notice:...
If you want your mobile application to work on different platforms using a single code base, you can save your time and money by developing a cross-platform app. Moreover, users can realize results extracted from cross-platform apps likewise to that of the native apps. Flutter and React Native are the two most used and effectively efficient cross-platform app development frameworks in 2020. React Native framework was developed and launched by Facebook, whereas Flutter was developed and launched by Google. Rising Significance of Cross-Platform Development With the increasing popularity of mobile applications these days, mobile app development companies focus on creating applications that can remain competitive in different market requirements. Application developers are looking for alternatives to help them develop applications with faster speed and fewer resources. More importantly, both Apple and Google already provided app developers with native tools to develop applications. iOS app developers use Xcode & Swift, and Android app developers deploy technologies like Android Studio & Kotlin or Java to develop mobile applications. If we talk about a few years ago, there were not enough and adequately well technologies for cross-platform app development. This restricted the developers’ capabilities and affected the cross-platform development of applications in the wrong way. However, people are continuing to choose cross-platform development over native app development, which has led to a significant transformation in mobile app development with several significant cross-platform development benefits. Before we get into the comparison of the two most popular frameworks, we would like to draw your attention to the statistics reported by Statista in 2019 on the cross-platform mobile frameworks used by software developers globally. In...
Creating your own mobile app is hardly a cheap endeavor. In fact, building a high-quality app can get very expensive very quickly. So how do you mitigate those costs? While there are some funding options, like investor money or crowdfunding, grants are a great way to offset some of those expenses until your app starts making money on its own. The process of finding and applying for grants can be a bit daunting, but it’s also worthwhile if you think you might qualify. A grant is essentially free money that you can use to get your app off the ground, debt-free. In this article, we’ll talk about the best grants for mobile app developers, how to apply, and why they’re such a great source of funding. Chapter #1: What is a Grant? Grants are funds distributed by the government or other reputable organizations that don’t need to be repaid. They’re designed to fund entrepreneurs and researchers with innovative ideas that can better society. By funding new products and ideas, grants stimulate the economy and improve the community as a whole. The money for government grants comes from local or federal taxpayers, and grants from private organizations are typically funded through donations. 1.1 Who are Grants For? In order to receive a grant, you’ll need to apply, as funds are limited. The application process can vary depending on what type of grant you’re applying for and how much money it is. Governing bodies consider a variety of factors when deciding who to award grants to. They’ll look at your business to plan to see how your app will affect the...
design agency singapore,web design services singapore,developers in singapore,singapore website design,web application singapore,mobile game developer singapore,design firms in singapore,website designer singapore,mobile developer singapore,web development singapore,singapore web design services,android developer singapore,graphic designer in singapore,mobile app developer singapore,web design singapore,mobile application development singapore,singapore web design,website design singapore,ruby on rails developer singapore,app developer singapore,website development singapore,ios developer singapore,singapore web development,mobile apps development singapore,web designer singapore,singapore app developer,singapore mobile app developer,singapore mobile application developer,web design company singapore,website developer singapore,mobile apps singapore,app development singapore,web development company singapore,ios app development singapore,developer in singapore,mobile application developer singapore,mobile app development singapore
