Shineyrock
web design & consultancy
Shineyrock
Searched for: "e" / 1399 results
Creating a Blogging App Using Angular & MongoDB: Delete Post
…e previous part of this tutorial series, you learnt how to implement the functionality to edit the blog post details.In this part, you'll implement the functionality to delete an existing blog post and to implement the user logout functionality.Getting StartedLet's get started by cloning the source code from the last…
How to Make a Real-Time Sports Application Using Node.js
…e Creating* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In today's article, I'm going to demonstrate how to make a web application that will display live game scores from the NHL. The scores will update automatically as the games progress. This is a very exciting article for me, as it…
18 Best Contact Form PHP Scripts for 2022
…er-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Are you looking for an easy-to-use contact form PHP script? Contact forms are a must-have for every website. They encourage your site visitors to engage with you, while potentially lowering the amount of spam you get. For businesses, this engagement with visitors increases the chances…
Creating Stylish and Responsive Progress Bars Using ProgressBar.js
…er-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Nothing on the web happens instantly. The only difference is in the time it takes for a process to complete. Some processes can happen in a few milliseconds, while others can take up to several seconds or minutes. For example, you might be editing a…
Creating Pretty Popup Messages Using SweetAlert2
…Every now and then, you'll have to show an alert box to your users to let them know about an error or notification. The problem with the default alert boxes provided by browsers is that they're not very attractive. When you're creating a website with great color combinations and fancy…
A Gentle Introduction to Higher-Order Components in React
…er-Order Components (HOCs) are an interesting technique in React used to refactor similar components that share almost the same logic. I know that it sounds abstract and advanced. However, it is an architectural pattern that isn't specific to React, and hence you can use the approach to do lots of…
A Gentle Introduction to HOC in React: Learn by Example
…e second part of the series on Higher-Order Components (HOCs). Today, I will cover different higher-order component patterns that are useful and implementable. With HOCs, you can abstract redundant code into a layer of higher order. However, like any other patterns out there, it will take some time to get…
Challenge: Build a React Component
…e best way to learn a new skill is by putting it into practice. So here's a challenge for you.In this video from my course, Modern Web Apps With React and Redux, you'll be challenged to create a React Component for displaying a Twitter avatar. You can try solving it…
A Gentle Introduction to Higher-Order Components in React: Best Practices
…e third part of the series on Higher-Order Components. In the first tutorial, we started from ground zero. We learned the basics of ES6 syntax, higher-order functions, and higher-order components. The higher-order component pattern is useful for creating abstract components—you can use them to share data (state and behavior) with…
10 Things Men Can Do to Support Women in Tech
…e there is no shortage of books, seminars, articles, etc. created to help women succeed in male-dominated workplaces, there is precious little information designed to help men modify their attitude and behaviour in order to promote gender equality at work. This is a problem because, let’s face it, women will never achieve…