UXDLAB SOFTWARE

Author name: manager website

React Desktop

React Desktop is a popular library built on top of React.js to bring the native desktop experience to the web. Why React Desktop? This library provides macOS and Windows OS components. These inbuilt components can be used directly hence saving a lot of time and effort to code them from scratch. For instance, If you want to build the title bar for your web app then you can directly use TitleBar Component which will allow you to create a TitleBar with controls like Maximize, Minimize and Close. Similarly, you can use other components provided by the library both for Windows and macOS. It is a cross-platform desktop development library. It is also compatible with electron.js and NW.js. It is mostly used in javascript-powered projects. Installing React Desktop: Step 1: Create a React application using the following command: npx create-react-app foldername Step 2: After creating your project folder i.e. foldername, move to it using the following command: cd foldername Step 3: After creating the ReactJS application, Install the required module using the following command: npm install react-desktop Project Structure: It will look like the following. Let’s understand the working through an example.  Example: Now write down the following code in the App.js file to add your custom text in the given text area using Text component. Here, App is our default component where we have written our code. Command to run the Application: Run the application using the following command from the root directory of the project: npm start Output: Now open your browser and go to http://localhost:3000/, you will see the following output: Blog Source- https://www.geeksforgeeks.org/react-desktop/

React Desktop Read More »

app development

Apple’s Widget Kit update lets developers build for the Lock Screen and Watch with the same code

At a developer briefing following Apple’s keynote address at its Worldwide Developer Conference this afternoon, the company went into more detail about the different types of widgets developers can now build for the iOS 16 Lock Screen. Inspired by the Apple Watch’s complications, Apple said these new widgets can help developers leverage key information from their app and display it where people can view it at a glance. Notably, all these Lock Screen widgets will work on both iOS and watchOS because, starting with watchOS 9, complications will also be powered by WidgetKit. That means, for the first time, developers will be able to use the same code to generate glanceable information on both platforms, where the differences between platforms are handled automatically, Apple noted. That is, the widgets will be created using the appropriate system fonts by default, and the Lock Screen widgets will be tinted for maximum legibility. At launch, developers will be able to choose from three different widget designs: circular, rectangular and inline. The circular widgets are ideal for displaying a small image, page or a few characters of text. These widgets would be great for doing something like letting the user know with a glance how active they’ve been today or if it’s time to go for a run, similar to Apple’s activity rings. Another widget design, rectangular, provides a larger canvas. This could be better for displaying something like an upcoming weather forecast, Apple explained. The inline widget, meanwhile, provides a way to convey information with a tiny amount of text and SF Symbols — Apple’s library of iconography that today includes over 4,000 different symbols. These inline widgets would display above the Lock Screen’s clock and next to a system-supplied date string, such as “Mon 6” (for “Monday the 6th). In an example published alongside an upcoming WWDC 2022 session, Apple showed how this widget could provide the weather above the clock. Here, the date is followed by a sun symbol for the weather, as well as the current city. All the widgets will be designed by developers using WidgetKit, which is the toolkit that’s already being used to build home screen widgets for iOS, iPadOS and macOS. With the WidgetKit update rolling out later this year, developers will also be able to build these new widgets as well as complications in watchOS. This could greatly expand the capabilities of home screen personalization apps like Brass, Widgetsmith and others, which could provide a set of matching widgets for the Home Screen, Lock Screen and Watch, allowing users to customize all their devices in the same way. Another new feature will give widgets the power to show real-time information. Developers will be able to create Live Activities, which are built with Swift UI, in order to provide the most current information to the Lock Screen. Like widgets, these Live Activities are also built with Widget Kit. The difference between a standard widget and a Live Activity is that developers will update the latter’s presentation and state in real time so the most up-to-date is shown when the user looks at the widget. In reality, Live Activities are basically just real-time widgets of sorts, but Apple has given it a different name. The updates to Widget Kit will roll out with iOS 16 later this year. Blog Source- https://techcrunch.com/2022/06/06/apples-widgetkit-update-lets-developers-build-for-the-lock-screen-and-watch-with-the-same-code/

Apple’s Widget Kit update lets developers build for the Lock Screen and Watch with the same code Read More »