Open in app

Sign In

Write

Sign In

J Hinter
J Hinter

413 Followers

Home

About

Dec 24, 2022

Exporting a Web Component from a React Codebase using Webpack: A step-by-step guide

In this tutorial, we will walk through the process of exporting a small part of a regular React app as a separate web component using Webpack. Web components are reusable, modular components that can be imported and used in any web application, regardless of the underlying technology. This can be…

Web Components

5 min read

Exporting a Web Component from a React Codebase using Webpack: A step-by-step guide
Exporting a Web Component from a React Codebase using Webpack: A step-by-step guide
Web Components

5 min read


Dec 24, 2022

Travel on a Budget: Find Affordable Long-Distance Flights in 4 Simple Steps

Are you planning your next trip overseas but on a budget and tired of spending a lot of time researching possible connections? There are two things I love: traveling the world and finding the best deals online. In this article, I’m going to share my simple four-step approach that can…

Travel

4 min read

Travel on a Budget: Find Affordable Long-Distance Flights in 4 Simple Steps
Travel on a Budget: Find Affordable Long-Distance Flights in 4 Simple Steps
Travel

4 min read


Dec 22, 2022

Exploring the Potential of ChatGPT: 10 Innovative Business Ideas for Programmers

ChatGPT is a natural language processing (NLP) model developed by OpenAI that is capable of generating human-like text responses based on a given prompt. This technology has the potential to revolutionize the way businesses interact with customers and can be used in a variety of innovative ways. Here are ten…

AI

3 min read

Exploring the Potential of ChatGPT: 10 Innovative Business Ideas for Programmers
Exploring the Potential of ChatGPT: 10 Innovative Business Ideas for Programmers
AI

3 min read


Nov 14, 2021

Kleinanzeigen Wiedereinstellen und Pushen mit nur einem Klick

Der Kleinanzeigen Pusher ist eine kostenlose Chrome Extension. Sie ermöglicht es, eine bereits bestehende Anzeige auf Ebay Kleinanzeigen erneut zu veröffentlichen, ohne alle Angaben erneut eingeben zu müssen. So erscheint deine Anzeige wieder ganz oben in den Suchergebnissen! Chrome Extension installieren Aktuell ist die Erweiterung (noch) nicht im Chrome Store gelistet. Daher muss…

Ebay Kleinanzeigen

1 min read

Kleinanzeigen Wiedereinstellen und Pushen mit nur einem Klick
Kleinanzeigen Wiedereinstellen und Pushen mit nur einem Klick
Ebay Kleinanzeigen

1 min read


Aug 1, 2021

How to Master PSD 1 for becoming a Professional Scrum Developer | Preparation, Tips and Tricks for your Exam

I recently attended a 3-day PSD workshop (Mid 2021, scrum.org). After a few days of preparation, I passed the exam with a score of 95%. In this article, I want to share the most important information about the exam and personal tips and tricks on how to master it. 1. What is the exam about? 80…

Scrum

3 min read

How to Master PSD 1 for becoming a Professional Scrum Developer
How to Master PSD 1 for becoming a Professional Scrum Developer
Scrum

3 min read


May 4, 2021

Create your own ESLint Plugin with custom project-specific Linting Rules (5 min)

Linting rules are a powerful tool to establish common ground within a development team. The rules define guidelines on how to format and structure your code. Using predefined rule sets, like Airbnb’s ESLint config with more than 2 million weekly downloads, is really popular nowadays. Some frontend frameworks even include…

Eslint

3 min read

Create your own ESLint Plugin with custom project-specific Linting Rules (5 min)
Create your own ESLint Plugin with custom project-specific Linting Rules (5 min)
Eslint

3 min read


Feb 14, 2021

React inside EmberJS: Extend your legacy Front End using React-based Web Components

A couple of months ago my company decided to get rid of their legacy Ember frontend in favor of React. With limited team capacity, we wouldn't have been able to keep on implementing new customer features in Ember and in parallel rebuild the whole frontend in React. That’s why we…

Ember

6 min read

React inside EmberJS: Extend your legacy Front End using React-based Web Components
React inside EmberJS: Extend your legacy Front End using React-based Web Components
Ember

6 min read


Feb 1, 2021

React Component Blueprint: Boost Your Workflow With a Simple Code Generator Script

Coming from Angular and Ember, one of the first things I missed in React was a code generator for quickly setting up new components. Angular and Ember both offer this kind of tooling out-of-the-box (e. g. Angular CLI). You simply run a command that generates all the files you need…

React

3 min read

React Component Blueprint: Boost Your Workflow With a Simple Code Generator Script
React Component Blueprint: Boost Your Workflow With a Simple Code Generator Script
React

3 min read


Sep 18, 2020

How to upload HUGE Frontend Builds to your Shared Webspace (Gatsby, NextJS) with ease?

Shared Webspace Hacks #1: How to upload large frontend builds with hundreds of thousands of files to your shared webspace without wasting a lot of time? You only need my ready-to-use PHP and Gulp scripts and a hosting service running PHP. Problem: No SSH access at Shared Hosters If you have a cheap traditional shared webspace (like…

Hosting

3 min read

How to deploy large Frontends to your Shared Webspace (Gatsby, Nuxt)?
How to deploy large Frontends to your Shared Webspace (Gatsby, Nuxt)?
Hosting

3 min read


Feb 2, 2020

React inside WordPress: Extend your existing website using React-based Web Components

In this article, I’m going to show you how to create a Web Component. Our widget will be based on React and can be seamlessly integrated into any website and CMS, like WordPress, with only two lines of code! 💪 Prerequisites: You should have some basic understanding of React with…

React

5 min read

Creating React-based Web Components to be used with WordPress (and any other website)
Creating React-based Web Components to be used with WordPress (and any other website)
React

5 min read

J Hinter

J Hinter

413 Followers

Frontend Engineer

Following
  • Jack Albrecht

    Jack Albrecht

  • Rinu Gour

    Rinu Gour

  • Adam, The Diabetic Cyborg

    Adam, The Diabetic Cyborg

  • 0xRake

    0xRake

  • Brian Lamacraft

    Brian Lamacraft

See all (2,761)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams