React Native Plant App UI #2: Implementing Custom Components

See the original posting on DZone Python

This tutorial is the second part of our React Native Plant App tutorial series. In the previous part, we successfully set up the overall project structure, navigations, constants, and implemented image caching. 

These app templates allow us to implement our own apps and even start our own startups. And, this second part is also the continuation of coding implementations and designs from the Youtube video tutorial by React UI Kit for the Plant App. The video tutorial delivers the coding implementation of the overall app very thoroughly. This tutorial series is the implementation of the same coding style and designs in the form of the article. Thus, the learners can go through each step and take their time understanding the implementations.

How to Build a Serverless App With Vue, Azure Functions and FaunaDB Part 2

See the original posting on DZone Python

Go serverless with Azure

This article is the second part of our three-part series on building a serverless application with Vue.js, Azure functions, and FaunaDB. In this section, we’ll focus on building out Azure functions to work with our application’s database. 

Azure Functions

Azure Functions are hosted on the Azure public cloud. With it, you can build small computing units called “Functions,” host them on this cloud, and trigger them based on a variety of event triggers, such as: HTTP Trigger and a new message arriving to Azure Service Bus Queue.

All Things ASP.NET Core: Tutorials and Articles

See the original posting on DZone Python

C# for the win

ASP.NET Framework vs Core

Top Tools for AngularJS development

See the original posting on DZone Python

Developers have many options to build a website. With time, experts have enhanced the web development process and made it easier and faster for the developers. Many frameworks and their tools have been introduced in the market. Among them, to develop a dynamic web page, AngularJS has become a top choice for the developers, as it offers simple syntax and a clean architect with extensive features of HTML 5.

AngluarJS framework:

Introduction to Redux

See the original posting on DZone Python

Role of Redux

The whole point with Redux is to have one single source of truth for your application state. The state is stored as a plain Javascript object in one place: the Redux Store. The state object is read-only. If you want to change the state, you need to emit an Action, which is a plain JavaScript object.

Your application can subscribe to get notified when the store has changed. When Redux is used with React, it is the React components that get notified when state changes and can re-render based on new content in the store.

How to Build a Serverless App With Vue, Azure Functions and FaunaDB Part 1

See the original posting on DZone Python

We don’t be needing this in this tutorial

Serverless Functions/APIs are best used when building static websites. Static websites are still relevant in many purposes, including a company portfolio page, meetup group page, product pages, or blogs, to name a few.

When developing such apps, the use of a full-blown backend API (ASP.NET, Node.js, PHP) is excessive and unnecessary. Usually, your app performs simple tasks, such as sending out a few emails, handling form submission, and managing a few records in a database.

How to Not Leap in Time Using Python

See the original posting on DZone Python

If you want to display the time to a user of your application, you query the time of day. However, if your application needs to measure elapsed time, you need a timer that will give the right answer even if the user changes the time on the system clock.

The system clock, which tells the time of day, is referred to as a real-time clock or a wall clock. The time on such a clock will jump when changed. Relying on the wall clock to find out how much time has passed since a previous event is a bug waiting to happen.

React Dashboard Ultimate Guide Part 2: Authentication and GraphQL API

See the original posting on DZone Python

This is the second part of a guide on building dynamic analytics dashboards and applications with React, GraphQL, and Cube.js. An online demo is available here.

From , we have a basic version of our app, which uses local storage to save charts on the dashboard. It is handy for development and prototyping but is not suitable for real-world use cases. We want to let our users create dashboards and not lose them when they change the browser.

Internationalization ( i18n ) With Angular

See the original posting on DZone Python

Internationalization is the process of designing and preparing your app to be usable in different languages. Localization is the process of translating your internationalized app into specific languages for particular locales.

Therefore, just as you’d ensure that your design is aesthetically-pleasing and accessible, you should also ensure that your text is localized. This is the process of ensuring that your applications support multiple languages. In Angular, this is done in multiple ways.

For example, you can use third-party libraries, such us ngx-translate, or you can just use the built-in i18n functionality.

Why Is Internationalization so Important?

These days, with so many websites to choose from, making applications available and user-friendly to a worldwide audience is important. In this article, we will focus on using the built-in i18n tool. So, let’s get started.

5 Must-Listen Web Dev Podcasts for Stallions and Code Newbies Alike

See the original posting on DZone Python

And you’re a developer!

If you’re a developer, let’s face it — you probably don’t read the docs. Instead, put on one of these podcasts to learn what’s happening in the web development community! This list is in no particular order.

Syntax

Wes Bos and Scott Tolinski are the hosts of this show. They both create online courses and are great at explaining complex tech in a way that’s easy to understand. This is a must-listen for someone learning to code because it has a little bit of everything for you to dig into.

The Relationship Between Modularity and Polymorphism

See the original posting on DZone Python

Object-Oriented concepts and practices have a layered structure with both vertical and horizontal relationships between the layers and among items in each segment. The following chart shows this structure. The closer a layer is to the bottom of the inverted pyramid, the more important and fundamental it is.

As a reminder, the lowest layer consists of “Abstraction,” “Modularity,” “Encapsulation,” and “Hierarchy.” Those are the most fundamental tools in the Object-Oriented Paradigm; all other layers add more clarity to these principles. The second layer belongs to GRASP, an abbreviation for “General Responsibility Assignment Software Patterns.”

Reusing a Controller Method for Multiple Actions in Laravel

See the original posting on DZone Python

Hi all, this is Adi with another Laravel tutorial. This time, I wanted to cover my basic solution to a problem we might all have when building web apps using only blade templates.

Let’s take this example scenario and explore possible solutions. We have an index method on, let’s say UsersController, which lists all the users from our database. Each user has a Subscription and we want to change their subscription. How would you go about doing this with pure blade templates?

New Ionic 5 Angular 8 Display, Update, and Delete Records With RxJS

See the original posting on DZone Python

Dive deep into Ionic and Angular

This post is about displaying API records with delete and update actions using new Ionic and Angular reactive programming. This is a continuation of my Ionic Angular series in an effort to explain how to distribute data between components using RxJS methods, such as BehaviorSubject.

All of the feed API responses/records are stored in a reactive object. This will help the application’s DOM work seamlessly with update and delete operations. Implement this to your side project and enrich your applications.

How Good Are Unity and Unreal for Game Development?

See the original posting on DZone Python

If you follow games, then you hear about game engines all the time, especially with different game trailers trying to hype up their tech and with different beautiful graphic visuals floating around the internet. We hear a lot about advanced engines creating hyper-realistic triple-A games, but what do they really do? Does a better engine make a better game?

Putting all this together, a game engine presents a set environment for game development. It is a platform on top of which games, simulations, 3-D models, and movies are developed. Sometimes, only one or a combination of multiple game engines are used by game developers, which has the ability to bring a virtual vision to virtual reality.

Seven Essential JavaScript Functions

See the original posting on DZone Python

As a developer, you might know how important JavaScript has become. Right now, it is the most popular and commonly used programming language in the world. It is used to program desktop and server programs, webpages, web applications, mobile applications, etc. It is also used for databases like MongoDB and CouchDB.

JavaScript has come a long way since its inception. Earlier, developers were aware of only a few functions for all types of features and functionalities because every browser implemented the features according to their rendering engines, which made manual testing of web applications across browsers complicated. But, now you can automate the cross-browser testing of JavaScript web applications with the help of online Selenium Grid without writing repetitive code.

Introduction to React Hooks

See the original posting on DZone Python

React hooks offer us a simplified interface to many React features. This intro will focus on using to access the state and lifecycle of a React component. Hooks are available in React version 16.8.0 or later. To check the version of React your app is running, reference your package.json.

We’ll walk through the implementation of React hooks in a simple React app. This app will consume the very developer-friendly Hacker News API and display two views: Top Stories and New Stories. We’re going to use two hooks in our app — useState and  useEffect. Hooks are intended to be used in function components; this app will only use function components.

1 2 3 4 5 174