Posts

State Management in Flutter

Image
Flutter is one of the new tools in the business. But all the features that it packs along with dart as the main language, it had made me fall in love with it. One thing that makes, Flutter versatile is State Management. The concept of State management is quite complicated but also easily simple what you need to do is start with basics. So, let's get started.  The state corresponds to the local data that a widget can hold which is available after the widget has rendered.   Whenever we set the state the build function of the widget is triggered, refreshing the user interface of the widget. For example, if we change the value of a variable in runtime in a flutter application. If that part of the application which uses that variable is stateless the change of variable in runtime will not show in the screen, i.e., the state of variable change will now make flutter repaint that widget on the screen. But in the case of  Stateful Widget, In case of any change to variable in an application

Getting started with react

Image
React is a UI library built by Facebook. React gives us the ability to logically think about our frontend sites and apps . It wouldn't be wrong to say that if you have not tried React you are missing out on so much. This framework consists of a tightly integrated toolset that helps us to build mindblowing, rich applications in a fashion with less code, hassle, and more flexibility. It helps us customizing apps in components using which future UI updates becomes so much easy. Why React? react allows us to build apps that: 1. Can be made quickly 2. Are easy to understand 3. Allow us to logically see the flow of data 4. Scale well with small and large teams 5. Transfer knowledge from desktop to mobile apps It wouldn't be wrong to say that if you have not tried Angular you are missing out on so much. This framework consists of a tightly integrated toolset that helps us to build mindblowing, rich client-side applications in a fashion with less code, and more flexibi

Getting started with Angular

Image
AngularJS is a JavaScript MVC framework developed by Google that lets you build well structured, easily testable, and maintainable front-end applications.AngularJS has evolved with time and even became better and now is known as Angular . It is written entirely again towards a new development workflow.  It wouldn't be wrong to say that if you have not tried Angular you are missing out on so much. This framework consists of a tightly integrated toolset that helps us to build mindblowing, rich client-side applications in a fashion with less code, and more flexibility. HOW TO INSTALL ANGULAR? In order to start making angular web apps, you need to have Node.js installed. You can download a Node.js installer for your operating system from  https://nodejs.org/en/download/ . Check the version of node.js installed using the command: node -- version Node.js installation gives you access to npm, using which we can install angular CLI. Now to install Angular CLI glo

WebView in Flutter

Presenting a webview in apps is very common. Whether you are trying to make a web browsing app or trying to show content from your website on to the app, WebView comes in handy. In Flutter, this is done by using the  Web View Flutter  package. This package is part of a larger Github repository which serves as a 'companion repo to the main repo. First, we must create a project using Visual Studio Code software.  or any other IDE of your choice. Here’s how to create a new project using Visual Studio Code: Invoke  View > Command Palette . Type “flutter”, and select the  Flutter: New Project . Enter a project name, such as "CsGuideBro”, and press  Enter . Create or select the parent directory for the new project folder. Wait for project creation to complete and the main.dart file to appear.     Edit file   pubspec.yaml   in your directory should look something like and then update webview flutter package. name: webview description: A new Flutter project. # Th

Getting Started with Flutter

Image
Flutter is one of the new tools in the business. But all the features that it packs along with dart as the main language, it had made me fall in love with it. After periodical advances and the regular introduction of new packages, Flutter tends to be taking the crown from java and XML for app development. The cross-Platform ability of flutter is just a cherry on top. As the material theme by google is becoming the talk of the town and the importance for every web and app design, it's just the treat having a whole library and the easiest integration of material elements using flutter. Probably you have also heard about flutter from either your college seniors, youtube tutorial or from various technical webinars and are feeling confused on how to start, Here is a guide to help you excel in Flutter. 1. The first step is to get a basic idea of what flutter really is. Flutter is an open-source cross-platform mobile application SDK developed by Google. It is used to develop