This is the second part of the series on Testing Components in React. If you have prior experience with Jest, you can skip ahead and use the GitHub code as a starting point. In the previous article, we covered the basic principles and ideas behind test-driven development. We also set up the environment and the tools… Continue reading Testing Components in React Using Jest and Enzyme
Tag: React
Testing Components in React Using Jest: The Basics
What You’ll Be Creating Testing code is a confusing practice for many developers. That’s understandable because writing tests requires more effort, time, and the ability to foresee possible use cases. Startups and developers working on smaller projects usually favor ignoring tests altogether because of the lack of resources and manpower. However, there are a couple… Continue reading Testing Components in React Using Jest: The Basics
Building Gutenberg Blocks with create-guten-block
Gutenberg is the new WordPress editor and everyone is talking about it. It has introduced an all-new way of writing content with WordPress. So not only the developers can benefit from its block-modeled layout but the end-users will also be able to create dynamic page layouts with it. However, building custom blocks with Gutenberg can… Continue reading Building Gutenberg Blocks with create-guten-block
Build A Movie Player ― Scotch
Last week, we solved the code challenge #4: Build An Eye Tracking App with JavaScript. This week we will be looking at consuming API’s and utilizing APIs to fetch reusable data. The Challenge The challenge is basically to build a movie trailer player with image thumbnails for a playlist and a section to display selected… Continue reading Build A Movie Player ― Scotch
Getting Started With Redux: Learn by Example
Redux helps you manage state by setting the state up at a global level. In the previous tutorial, we had a good look at the Redux architecture and the integral components of Redux such as actions, action creators, the store, and reducers. In this second post of the series, we are going to bolster our… Continue reading Getting Started With Redux: Learn by Example
12 JavaScript libraries to watch in 2017
With hundreds of free JS libraries out there it’s tough to know where to put your energy. Some end up discarded or forked into new projects, while others grow rapidly and achieve widespread adoption. Most developers already know the big names like jQuery and React. But in this post I’d like to introduce twelve alternative… Continue reading 12 JavaScript libraries to watch in 2017
Introducing Divi 3.0
Posted · Category: Information Divi 3.0 introduces a complete new front-end editor that has been re-built from the ground up using React, a modern JavaScript library for user interfaces. This new builder allows users to edit their WordPress pages on the front-end of their website using simple and beautiful visual controls. When you activate the… Continue reading Introducing Divi 3.0
Lerna – A Tool for Managing JavaScript Projects
Posted · Category: Tools Splitting up large codebases into separate independently versioned packages is extremely useful for code sharing. However, making changes across many repositories is messy and difficult to track, and testing across repositories gets complicated really fast. To solve these (and many other) problems, some projects will organize their codebases into multi-package repostories… Continue reading Lerna – A Tool for Managing JavaScript Projects
How Good Is JavaScript for Building a Large Scale Web Application?
According to the most statistics that are recent on w3techs.com, significantly more than 89percent of sites presently utilize JavaScript as a client-side program writing language. As a cross-platform and programming that is lightweight, JavaScript makes it easier for programmers to build responsive websites and web applications that work with seamlessly with popular web browsers, operating… Continue reading How Good Is JavaScript for Building a Large Scale Web Application?
Generating SVG With React
React1 is one of today’s most popular ways to create a component-based UI. It helps to organize an application into small, human-digestible chunks. With its “re-render the whole world” approach, you can avoid any complex internal interactions between small components, while your application continues to be blazingly fast due to the DOM-diffing that React does… Continue reading Generating SVG With React
Facebooks’ React Native radically simplifies app development
Facebook fans and app-development enthusiasts can at last rejoice: the company’s much-hyped, and recently announced, framework project was unveiled yesterday at Facebook’s F8 Developer Conference. React Native is a radical departure from how mobile, UI app development is usually done. When this open source project was first announced, it received excited reactions from developers. React… Continue reading Facebooks’ React Native radically simplifies app development
36 Excellent Free Image Galleries: JavaScript, React, PHP, or CSS
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Here are some of our favourite free image galleries that you can quickly plug into a design. They’ve been built with everything from JavaScript to PHP to jQuery and more… A shout-out to all the developers involved in sharing their work with the community! JavaScript Galleries jQuery… Continue reading 36 Excellent Free Image Galleries: JavaScript, React, PHP, or CSS