React Is Taking Over Front-End Development

See the original posting on DZone Python

Selecting a JavaScript framework for your web application is a tough task. Especially when you have a plethora of convincing frameworks to choose from, including Angular, Backbone, Node, Ember, and the newest addition to the impressive list, Vue.js.

You also have React.js – a JavaScript library that witnessed an immense growth in the past few years. Statistics show that front-end developers have wholeheartedly adopted this lightweight framework, forgoing other available options.

Source: http://stateofjs.com/2016/frontend/

How Python Is Helping to Improve Open Source

See the original posting on DZone Python

Great programmers, architects, and founders always have a clear vision for the future of a programming language before they start building their application. While selecting a particular language for building an application, the most important thing developers consider is how long support for that language will continue to exist and whether it will be easy to transfer their code if the language gradually becomes obsolete. When Facebook was built, PHP was one of the most popular and powerful choices for web development. Although, if you ask the Facebook team to make their now famous website today, they would probably use a language like Ruby, Scala or Python.

Quora, one of the leading question and answer site, was built on Python and their CEO, Adam D’Angelo, has stated that more than 5 years after Quora was developed, he is happy with the choice of language. So what are the key factors that most programmers consider? Dependency upon other stacks is one for sure! A language such as Python has many frameworks and programming models that have improved the open source stack. The Python programming model enables you to write your own open source code which can be purely based on the native Python language. Anyone who codes using Python will tell you that coding in Python is relatively simple compared to some other options. Thus, coding in Python can enhance the reusability as it would be simple to refactor and use it again in different projects. Let’s look at some of the factors, models, and frameworks that will improve Open Source for good.

Build User Registration With Node, React, and Okta

See the original posting on DZone Python

Today’s internet users expect a personalized experience. Developers must learn to develop websites that provide that personalized experience while keeping their user’s information private. Modern web applications also tend to have a server-side API and a client-side user interface. it can be challenging to get make both ends aware of the currently logged in user. In this tutorial, I will walk you through setting up a Node API that feeds a React UI, and build a user registration that keeps the user’s information private and personal.

In this tutorial, I won’t use any state management libraries like Redux or ReduxThunk. In a more robust application, you’ll probably want to do that, but it will be easy to wire up Redux and ReduxThunk and then add the fetch statements used here as your thunks. For the sake of simplicity, and to keep this article focused on adding user management, I’ll be adding fetch statements into componentDidMount functions.

Pre-Websocket Workarounds

See the original posting on DZone Python

In this article, I am going to examine a few of the established techniques that became popular for delivering dynamic content in the pre-websocket environment.

Cross Frame Communication

Cross frame communication is a technique that allows content to be loaded into the current page and gives the user the impression of an application style experience.

Session Management in ASP.NET MVC

See the original posting on DZone Python

Difference Between ViewData, ViewBag, and TempData With Code Examples

In this article, I will explain, with an example, the similarities and differences between ViewDataViewBag, and TempData in ASP.NET MVC.

ViewDataViewBag and TempData are used for transferring data and objects from the Controller to the View or from one Controller to another in ASP.NET MVC.

React.js Overview

See the original posting on DZone Python

React is a JS framework originally developed by engineers at Facebook. There are many different opinions on the usefulness and advantages of this product. Let’s take a look at the pros and cons.

React Features

Comparing React.js with Angular or other MVC frameworks makes no sense since React is just a representation. React is a template-based language combined with several functions that support output to HTML, i.e. the result of React’s operation is HTML code.

Creating a Chat Application Using React and ASP.NET Core – Part 1

See the original posting on DZone Python

In this blog series, I’m going to create a small chat application using React and ASP.NET Core, to learn more about React and to learn how React behaves in an ASP.NET Core project during development and deployment. This Series is divided into 5 parts, which should cover all relevant topics:

  1. React Chat Part 1: Requirements and Setup
  2. React Chat Part 2: Creating the UI and React Components
  3. React Chat Part 3: Adding Websockets Using SignalR
  4. React Chat Part 4: Authentication and Storage
  5. React Chat Part 5: Deployment to Azure

I also set-up a GitHub repository where you can follow the project. Feel free to share your ideas about that topic in the comments below or in issues on GitHub. Because I’m still learning React, please tell me about significant and conceptual errors by dropping a comment or by creating an Issue on GitHub. Thanks.

Benefits of Using CSS Preprocessors Like SASS

See the original posting on DZone Python

In web development, it is impossible to implement professional mockups without the use of HTML and CSS. If the markup language allows us to make the template from the required elements, CSS will convert this template to the desired form, as in the original mockup.

It would seem, with the help of pure CSS, you can make the page the way your customer wanted to see it. However, if someone opens your only CSS file and tries to correct something, are you sure that the code will be readable, editable, structured, and understandable? If your project is huge and consists of many parts, are you sure that you can easily support it in the future? If you use a CSS preprocessor, then the answer is yes. Why? Let’s find out.

Create a Vuex Undo/Redo Plugin for Vue.js

See the original posting on DZone Python

There are many benefits to centralizing your application state in a Vuex store. One benefit is that all transaction are recorded. This allows for handy features like time-travel debugging where you can jump between previous states to isolate problems.

In this article, I’ll demonstrate how to create an undo/redo feature with Vuex, which works in a similar way to time-travel debugging. This feature could be used in a variety of scenarios from complex forms to browser-based games.

Web Dev Roundup: Don’t Over React(.js)

See the original posting on DZone Python

Welcome to this edition of the roundup! Last time, we covered Spring Boot for web developers. Today, we take a look at another framework (or, I guess, technically it’s a library) for front-end developers, React.js. Originally cooked up by the JavaScript wizards over at Facebook, React has gained a vast and growing following of developers. So, try not to over React about how awesome this article is (I already know). 

And, as a quick side note, if you’re interested in writing for DZone, but don’t have a topic in mind, come check out our Bounty Board, where you can win prizes for providing great content, and our Writer’s Zone which has plenty of prompts, tips, and tricks! 

Grails Quickcast #9: GORM Many-to-One Relationship – Replacing a Collection [Video]

See the original posting on DZone Python

GORM, a powerful Groovy-based data access toolkit for the JVM, enables to create many-to-one relationships with ease. In this Quickcast, Sergio del Amo (member of the OCI Grails team) explains how to replace a many-to-one collection efficiently by using a minimal number of queries or leveraging cascade behavior.

Grails Quickcast #9: GORM Many-to-One Relationship – Replacing a Collection from OCI on Vimeo.

What Is a Service in Angular and Why Should You Use it?

See the original posting on DZone Python

Angular Service:

Angular services are singleton objects which get instantiated only once during the lifetime of an application. They contain methods that maintain data throughout the life of an application, i.e. data does not get refreshed and is available all the time. The main objective of a service is to organize and share business logic, models, or data and functions with different components of an Angular application.

An example of when to use services would be to transfer data from one controller to another custom service.

Top 10 JavaScript Errors From 1000+ Projects (and How to Avoid Them)

See the original posting on DZone Python

To give back to our community of developers, we looked at our database of thousands of projects and found the top 10 errors in JavaScript. We’re going to show you what causes them and how to prevent them from happening. If you avoid these "gotchas," it’ll make you a better developer.

Because data is king, we collected, analyzed, and ranked the top 10 JavaScript errors. Rollbar collects all the errors for each project and summarizes how many times each one occurred. We do this by grouping errors according to their fingerprints. Basically, we group two errors if the second one is just a repeat of the first. This gives users a nice overview instead of an overwhelming big dump like you’d see in a log file.

Building a Chrome Extension Using React

See the original posting on DZone Python

Last week I finished building a chrome extension for a customer. The extension was built with React as a view engine to render a popup. So I thought to myself — wouldn’t it be nice to write about how to build your own extension with React?

In this post, I’m going to guide you through the process of building a simple Chrome extension using React. After this intro, you will have a starting point to continue and build your own extension functionality.

1 2 3 4 100