Livecoding: How Newbie Mistakes Kill the Flow [Video]

We continued to work on GatsbyJS. That one feature I want to add: make links in markdown tables of contents absolute.
Instead of #some-title the link should be /page-slug#some-title. That way users can put tables of contents on their index pages and link into documents directly.

Link: https://dzone.com/articles/livecoding-how-newbie-mistakes-kill-the-flow-video?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Accelerating the Development of Node.js Using OpenShift

In this blog entry, I want to introduce a “different" way to work with OpenShift. In the typical way to deploy a Pod to OpenShift, we have available a set of very useful objects; we have build/image configurations. This takes the pain from us by hiding the details about image construction but, sometimes we just want to see some code running in the cloud. Or we want to see if our service/application is able to interact with nearby services or we have some code but we don’t want to use a git repo just yet. To solve that problem, I will show the concept of InitContainers, and how by being a little bit creative we achieve some cool stuff like deploying our code inside a running container.
Getting Started
This guide is dependent upon you having access to an OpenShift installation or you have installed OpenShift on your local machine using Minishift or using oc cluster up.

Link: https://dzone.com/articles/accelerating-the-development-of-nodejs-using-opens?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

What’s New in PHP 7.2?: Literally Better Everything

As we all know, most web developers either love or hate PHP with a passion. I’m one of those developers that absolutely love it. I know PHP like the back of my hand. Now, since 7.2 has been released, my love is growing even more! Let’s talk about the awesomeness that the newest version brings to us. Security Is the Most Important Thing Here The 7.2 Release offers some highly needed improvements to security.

Link: https://dzone.com/articles/whats-new-in-php-72-literally-better-everything?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Using Recharts in React Native project

1. Introduction to Recharts
Recharts is a chart library built with React and D3. Recharts supports many kinds of charts such as Area Chart, Bar Chart, Line Chart, and Pie Chart. The strength of Recharts is easy to extend and customize. For example, we can change the active cursor, legend, and tick in Axises to our own component and styling. The following is an example of how to customize a tick on the X Axis:
const CustomizedAxisTick = React.createClass({
render () {
const {x, y, stroke, payload} = this.props;
return
<text x={0} y={0} dy={16} textAnchor=”end"
fill="#666" transform="rotate(-35)">
{payload.value}
</text>
</g>
}
});

const SimpleLineChart = React.createClass({
render () {
return <LineChart>
<XAxis dataKey="name" tick={<CustomizedAxisTick/>}/>
<YAxis/>
<CartesianGrid />
<Line type="monotone" dataKey="pv" />
</LineChart>
}
});
Find more examples here and the full Recharts API here.

Link: https://dzone.com/articles/using-recharts-in-react-native-project?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Livecoding: First Impressions of Vue

This weekend I set out to build an idea that @TheKitze had on Twitter. An app that gives perspective to your life. Oh, you don’t have time to read a book? Well, you spent 5 hours on Twitter yesterday. Are you sure?

Wish there was an app to put “I don’t have enough time" or "this costs too much money" into perspective.

Link: https://dzone.com/articles/livecoding-first-impressions-of-vue?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Web Dev Roundup: Framework With a Vue

Welcome to this edition of the Web Dev Roundup! Last month, we took a look Node.js, and how you can Stay in the Node. This month, I gathered together some of the most popular articles on the JavaScript framework Vue.js on DZone. Topics include creating real-time data apps using Vue, what’s new in Vue 2.5, and some content from the creator of Vue himself, Evan You. After re-vue-ing this month’s edition, I have to say, it’s awesome. 
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! 

Link: https://dzone.com/articles/web-dev-roundup-vuejs?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

How Does Stencil Fit Into the Whole Micro Frontends Idea?

In a post I published a few days ago I explained why I’m betting on Web Components. In the post, I suggested you use Web Components as an infrastructure to create your Micro Frontends. It’s no secret that in the last month or so I have invested a lot of time trying to understand how to use the Stencil compiler and I even published a few posts about it. In this post, I want to shortly explain how Stencil can help you avoid the “Framework Catholic Wedding” and fit into Micro Frontends idea.

Link: https://dzone.com/articles/how-does-stencil-fit-into-the-whole-micro-frontend?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

React.js for Noobs

React.js has been popular among web app developers recently and a lot of websites has adopted the library because of the perks it provides. This post is not about pros and cons of the React.js library, although you can find a myriad of articles and posts on the web comparing React.js with other front-end frameworks.
In layman’s terms, React.js is a JavaScript library which handles the view component of the MVC architecture. React.js is used to manipulate the DOM of a webpage in an efficient manner to render a web application.

Link: https://dzone.com/articles/reactjs-for-noobs?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Design Patterns in JavaScript, Part 1

In handling large-scale JavaScript applications, we need to manage the code accordingly. While devising the architecture for your large-scale application, it’s important to think ahead. You can also break down your application’s functionality into blocks or modules by using any of the patterns.
What Is a Pattern?
A pattern is a kind of reusable solution that can be applied to a commonly occurring problem in your application during the design phase. In this article, I will be considering only JavaScript applications.

Link: https://dzone.com/articles/design-pattern-in-javascript-part-1?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev