Shineyrock
web design & consultancy
Shineyrock
blog
- like 2
New Short Course: Code a Front-End App With GraphQL and React
What You'll Be Creating GraphQL is an emerging technology for creating APIs and sharing data between the server and front-end. In our new short course, Code a Front-End App With GraphQL and React, you'll learn how to connect to a GraphQL endpoint from a React app.
What You’ll Learn
In this quick, 50-minute course, Markus Mühlberger will show you how to configure the popular Apollo GraphQL client. This will let you seamlessly retrieve and integrate live server data into your app.
You'll learn how to structure your queries, access real-time data, perform mutations (updates to the server data), and handle errors. Along the way, you'll build a great-looking trip planning map for the Finnish public transportation system!
Watch the Introduction
Take the Course
You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+.
Plus you now get unlimited downloads from the huge Envato Elements library of 460,000+ creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.
martijn broeders
founder/ strategic creative at shineyrock web design & consultancy
e-mail: .(JavaScript must be enabled to view this email address)
phone: 434 210 0245
By - category
By - date
December, 2023
The Best Small Business Web Designs by DesignRush
/
1October, 2022
Create Modern Vue Apps Using Create-Vue and Vite
/ 3September, 2022
Pros and Cons of Using WordPress
/
-3How to Fix the “There Has Been a Critical Error in Your Website” Error in WordPress
/ -3How To Fix The “There Has Been A Critical Error in Your Website” Error in WordPress
/ -4August, 2022
How to Create a Privacy Policy Page in WordPress
/ -1April, 2022
How Long Does It Take to Learn JavaScript?
/ 3January, 2022
The Best Way to Deep Copy an Object in JavaScript
/ 3December, 2021
-
/ 3
Adding and Removing Elements From Arrays in JavaScript
/ 5Create a JavaScript AJAX Post Request: With and Without jQuery
/ 2November, 2021
5 Real-Life Uses for the JavaScript reduce() Method
/ -1July, 2021
How to Enable or Disable a Button With JavaScript: jQuery vs. Vanilla
/ 4How to Enable or Disable a Button With JavaScript: jQuery vs Vanilla
/ -3Confirm Yes or No With JavaScript
/ -3June, 2021
How to Change the URL in JavaScript: Redirecting
/ -215+ Best WordPress Twitter Widgets
/ -1May, 2021
27 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)
/ 621 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)
/ -130 HTML Best Practices for Beginners
/ -731 Best WordPress Calendar Plugins and Widgets (With 5 Free Plugins)
/ -625 Ridiculously Impressive HTML5 Canvas Experiments
/ 1-
/ 6
How to Implement Email Verification for New Members
/ -1How to Create a Simple Web-Based Chat Application
/ 5April, 2021
30 Popular WordPress User Interface Elements
/ 1Top 18 Best Practices for Writing Super Readable Code
/ 3Best Affiliate WooCommerce Plugins Compared
/ -7March, 2021
18 Best WordPress Star Rating Plugins
/ 510+ Best WordPress Twitter Widgets
/ -320+ Best WordPress Booking and Reservation Plugins
/ 2February, 2021
Working With Tables in React: Part Two
/ -3Best CSS Animations and Effects on CodeCanyon
/ -1130 CSS Best Practices for Beginners
/ -2How to Create a Custom WordPress Plugin From Scratch
/ -1May, 2020
10 Best Responsive HTML5 Sliders for Images and Text… and 3 Free Options
/ -316 Best Tab and Accordion Widget Plugins for WordPress
/ -3April, 2020
18 Best WordPress Membership Plugins and 5 Free Plugins
/ 325 Best WooCommerce Plugins for Products, Pricing, Payments and More
10 Best WordPress Twitter Widgets
1 / 7March, 2020
September, 2017
February, 2020
20 Popular WordPress User Interface Elements
/ -310 Best WordPress Star Rating Plugins
/ -5January, 2020
12 Best CSS Animations on CodeCanyon
/ -412 Best WordPress Booking and Reservation Plugins
/ 120 Best WordPress Calendar Plugins and Widgets
/ -1December, 2019
12 Elegant CSS Pricing Tables for Your Latest Web Project
/ 624 Best WordPress Form Plugins for 2020
/ 2September, 2019
14 Best PHP Event Calendar and Booking Scripts
/ -7July, 2019
Create a Blog for Each Category or Department in Your WooCommerce Store
/ 5April, 2019
8 Best WordPress Booking and Reservation Plugins
/ -3March, 2019
Best Exit Popups for WordPress Compared
/ 11Best Exit Popups for WordPress Compared
/ -411 Best Tab & Accordion WordPress Widgets & Plugins
/ -912 Best Tab & Accordion WordPress Widgets & Plugins
1 / 1-
harriett What's up, after reading this awesome…
-
February, 2019
New Course: Practical React Fundamentals
/ -1January, 2019
Short Course: Better Angular App Architecture With Modules
/ -4Preview Our New Course on Angular Material
/ -1Build Your Own CAPTCHA and Contact Form in PHP
/ 1December, 2018
Object-Oriented PHP With Classes and Objects
/ -6Best Practices for ARIA Implementation
/ 2Accessible Apps: Barriers to Access and Getting Started With Accessibility
/ -5November, 2018
Dramatically Speed Up Your React Front-End App Using Lazy Loading
/ 16October, 2018
15 Best Modern JavaScript Admin Templates for React, Angular, and Vue.js
/ -215 Best Modern JavaScript Admin Templates for React, Angular and Vue.js
/ 619 Best JavaScript Admin Templates for React, Angular, and Vue.js
/ 210 Best WordPress Facebook Widgets
13-
Cathleen Wonderful, what a website it is! This…
-
Sharyn Ѕimply a smiling ѵisitant heгe to…
-
shelby What's up it's me, I am also visiting…
-
Lottie I read this paragraph completely…
-
September, 2018
Hands-on With ARIA: Accessibility for eCommerce
/ -3New eBooks Available for Subscribers
/ -2Hands-on With ARIA: Homepage Elements and Standard Navigation
/ 12-
/ -4
Site Accessibility: Getting Started With ARIA
/ -2August, 2018
How Secure Are Your JavaScript Open-Source Dependencies?
/ -2New Course: Secure Your WordPress Site With SSL
/ -2Testing Components in React Using Jest and Enzyme
/ -9Testing Components in React Using Jest: The Basics
/ -6July, 2018
15 Best PHP Event Calendar and Booking Scripts
/ 5June, 2018
Create Interactive Gradient Animations Using Granim.js
/ 13How to Build Complex, Large-Scale Vue.js Apps With Vuex
1 / -8-
Frankenicerm Get exactly what you want with custom…
-
Examples of Dependency Injection in PHP With Symfony Components
/ -2May, 2018
Set Up Routing in PHP Applications Using the Symfony Routing Component
1 / 14-
romeo You certainly deserve a round of…
-
A Beginner’s Guide to Regular Expressions in JavaScript
/ 6Introduction to Popmotion: Custom Animation Scrubber
/ -7Introduction to Popmotion: Pointers and Physics
/ -10New Course: Connect to a Database With Laravel’s Eloquent ORM
/ -10How to Create a Custom Settings Panel in WooCommerce
/ -6Building the DOM faster: speculative parsing, async, defer and preload
1 / 1-
Melissa Perfect info, thanks!
-
20 Useful PHP Scripts Available on CodeCanyon
3 / 44-
darios Valuable info. Lucky me I found your…
-
Vern Link exchhange is nothing else excelt…
-
Patsy Bryan Wow, that's what I was seeking for,…
-
April, 2018
How to Find and Fix Poor Page Load Times With Raygun
/ -1Introduction to the Stimulus Framework
/ -8Single-Page React Applications With the React-Router and React-Transition-Group Modules
/ -2-
/ 2
12 Best Contact Form PHP Scripts
1 / 5-
tammie I am sure this piece of writing has…
-
Getting Started With the Mojs Animation Library: The ShapeSwirl and Stagger Modules
/ 3Getting Started With the Mojs Animation Library: The Shape Module
/ -2Getting Started With the Mojs Animation Library: The HTML Module
/ -1Project Management Considerations for Your WordPress Project
/ -18 Things That Make Jest the Best React Testing Framework
/ 2March, 2018
Creating an Image Editor Using CamanJS: Layers, Blend Modes, and Events
/ 2New Short Course: Code a Front-End App With GraphQL and React
/ 2Creating an Image Editor Using CamanJS: Applying Basic Filters
/ -5Creating an Image Editor Using CamanJS: Creating Custom Filters and Blend Modes
/ -3Modern Web Scraping With BeautifulSoup and Selenium
/ 5Challenge: Create a To-Do List in React
1 / 1-
mezo Post wrting іs allso a excitement, іf…
-
Deploy PHP Web Applications Using Laravel Forge
/ -4Getting Started With the Mojs Animation Library: The Burst Module
/ -3-
/ -7
10 Things Men Can Do to Support Women in Tech
/ 3February, 2018
A Gentle Introduction to Higher-Order Components in React: Best Practices
/ -5Challenge: Build a React Component
/ 2A Gentle Introduction to Higher-Order Components in React
/ -4Creating Pretty Popup Messages Using SweetAlert2
/ -6Creating Stylish and Responsive Progress Bars Using ProgressBar.js
/ 518 Best Contact Form PHP Scripts for 2022
/ -1How to Make a Real-Time Sports Application Using Node.js
/ -2Creating a Blogging App Using Angular & MongoDB: Delete Post
/ -11Set Up an OAuth2 Server Using Passport in Laravel
/ 8Creating a Blogging App Using Angular & MongoDB: Edit Post
/ -3Creating a Blogging App Using Angular & MongoDB: Add Post
/ 4Creating a Blogging App Using Angular & MongoDB: Show Post
/ 5Creating a Blogging App Using Angular & MongoDB: Home
/ 9-
/ -1
Creating a Blogging App Using Angular & MongoDB: Login
/ 10Creating Your First Angular App: Implement Routing
/ 2Persisted WordPress Admin Notices: Part 4
/ -7Creating Your First Angular App: Components, Part 2
/ -3How Laravel Broadcasting Works
/ 5-
/ 9
Persisted WordPress Admin Notices: Part 2
/ -4Create Your First Angular App: Storing and Accessing Data
/ 3Persisted WordPress Admin Notices: Part 1
/ -3Error and Performance Monitoring for Web & Mobile Apps Using Raygun
/ 2Using Luxon for Date and Time in JavaScript
7 / -9-
earlene This text is invaluable. How can I find…
-
amelie I needed to thank you for this great…
-
noe vance Hi, for all time i used to check…
-
brayden Pretty! This was an extremely wonderful…
-
January, 2018
How to Create an Audio Oscillator With the Web Audio API
/ -7How to Cache Using Redis in Django Applications
/ 320 Essential WordPress Utilities to Manage Your Site
/ -7Introduction to API Calls With React and Axios
/ -5Beginner’s Guide to Angular 4: HTTP
/ 13Rapid Web Deployment for Laravel With GitHub, Linode, and RunCloud.io
/ 7Beginners Guide to Angular 4: Routing
/ -9Beginner’s Guide to Angular 4: Services
/ -2Beginner’s Guide to Angular 4: Components
/ -1Creating a Drop-Down Menu for Mobile Pages
/ 4Introduction to Forms in Angular 4: Writing Custom Form Validators
/ 410 Best WordPress Booking & Reservation Plugins
/ -3Getting Started With Redux: Connecting Redux With React
/ 3Getting Started With Redux: Learn by Example
/ 6Getting Started With Redux: Why Redux?
/ 4Understanding Recursion With JavaScript
/ -3How to Auto Update WordPress Salts
/ -9How to Download Files in Python
/ 6-
/ -10
Eloquent Mutators and Accessors in Laravel
1 / 12-
mezo Ι love it whenever people get…
-
-
/ -10
December, 2017
-
/ 18
10 Best HTML5 Sliders for Images and Text
/ 4Site Authentication in Node.js: User Signup
/ -2Creating a Task Manager App Using Ionic: Part 1
/ 1-
/ -1
Introduction to Forms in Angular 4: Template-Driven Forms
/ 524 Essential WordPress Utilities to Manage Your Site
/ 225 Essential WordPress Utilities to Manage Your Site
/ -5Get Rid of Bugs Quickly Using BugReplay
1 / -13-
madison I see you don't monetize your site,…
-
Manipulating HTML5 Canvas Using Konva: Part 1, Getting Started
/ 210 Must-See Easy Digital Downloads Extensions for Your WordPress Site
/ -122 Best WordPress Booking and Reservation Plugins
/ -2Understanding ExpressJS Routing
/ -215 Best WordPress Star Rating Plugins
/ 1Creating Your First Angular App: Basics
/ -5November, 2017
Inheritance and Extending Objects With JavaScript
/ -4Introduction to the CSS Grid Layout With Examples
1-
quito Hello. And Bye.
-
-
/ 2
Performant Animations Using KUTE.js: Part 5, Easing Functions and Attributes
/ 2Performant Animations Using KUTE.js: Part 4, Animating Text
/ -5Performant Animations Using KUTE.js: Part 3, Animating SVG
/ -4New Course: Code a Quiz App With Vue.js
/ 5Performant Animations Using KUTE.js: Part 2, Animating CSS Properties
/ -2-
/ -2
Performant Animations Using KUTE.js: Part 1, Getting Started
/ 210 Best Responsive HTML5 Sliders for Images and Text (Plus 3 Free Options)
/ -6Single-Page Applications With ngRoute and ngAnimate in AngularJS
/ -13Deferring Tasks in Laravel Using Queues
/ -5-
/ -1
Site Authentication in Node.js: User Signup and Login
/ 1Working With Tables in React, Part Two
/ -14Working With Tables in React, Part One
/ 4How to Set Up a Scalable, E-Commerce-Ready WordPress Site Using ClusterCS
/ -3New Course on WordPress Conditional Tags
/ 4October, 2017
-
/ -8
Building With Vue.js 2 and Firebase
6 / 13-
Peden Hello! I'm at work browsing your blog…
-
cameron Very great post. I just stumbled upon…
-
juliane mckibben WOW just what I was looking for. Came…
-
carissa That is a good tip especially to those…
-
-
/ -8
-
/ -2
Best Unique Bootstrap JavaScript Plugins
/ 1-
/ 1
Essential JavaScript Libraries and Frameworks You Should Know About
/ 4-
/ 3
Vue.js Crash Course: Create a Simple Blog Using Vue.js
/ -14Build a React App With a Laravel RESTful Back End: Part 1, Laravel 5.5 API
/ 5API Authentication With Node.js
/ -4Beginner’s Guide to Angular: Routing
/ -6Beginners Guide to Angular: Routing
/ -7Beginner’s Guide to Angular: Services
/ 3Beginner’s Guide to Angular: Components
/ 3September, 2017
How to Create a Custom Authentication Guard in Laravel
/ 3Learn Computer Science With JavaScript: Part 3, Loops
/ -6Build Web Applications Using Node.js
/ 3Learn Computer Science With JavaScript: Part 4, Functions
/ 2Learn Computer Science With JavaScript: Part 2, Conditionals
/ 14Learn Computer Science With JavaScript: Part 1, The Basics
/ -2Create Interactive Charts Using Plotly.js, Part 5: Pie and Gauge Charts
/ -5Create Interactive Charts Using Plotly.js, Part 4: Bubble and Dot Charts
/ -1Create Interactive Charts Using Plotly.js, Part 3: Bar Charts
/ -10Awesome JavaScript Libraries and Frameworks You Should Know About
/ -2Create Interactive Charts Using Plotly.js, Part 2: Line Charts
/ -9Bulk Import a CSV File Into MongoDB Using Mongoose With Node.js
/ -3Build a To-Do API With Node, Express, and MongoDB
/ 4Getting Started With End-to-End Testing in Angular Using Protractor
/ 4TypeScript for Beginners, Part 4: Classes
/ -5Object-Oriented Programming With JavaScript
/ 410 Best Affiliate WooCommerce Plugins Compared
/ -1Stateful vs. Stateless Functional Components in React
/ 11Make Your JavaScript Code Robust With Flow
/ -3Build a To-Do API With Node and Restify
/ 7Testing Components in Angular Using Jasmine: Part 2, Services
/ -3Testing Components in Angular Using Jasmine: Part 1
/ -4Creating a Blogging App Using React, Part 6: Tags
/ -8August, 2017
React Crash Course for Beginners, Part 3
/ 6React Crash Course for Beginners, Part 2
/ 5React Crash Course for Beginners, Part 1
/ 11Set Up a React Environment, Part 4
1 / 6-
abrazil Hello, I check your blog like every…
-
Set Up a React Environment, Part 3
/ -2New Course: Get Started With Phoenix
/ -1Set Up a React Environment, Part 2
/ 1Set Up a React Environment, Part 1
/ -6Command Line Basics and Useful Tricks With the Terminal
/ 1Build a React App With a Laravel Back End: Part 2, React
/ -4Build a React App With a Laravel RESTful Back End: Part 1, Laravel 9 API
/ -2Creating a Blogging App Using React, Part 5: Profile Page
/ -1Pagination in CodeIgniter: The Complete Guide
/ 18JavaScript-Based Animations Using Anime.js, Part 4: Callbacks, Easings, and SVG
JavaScript-Based Animations Using Anime.js, Part 3: Values, Timeline, and Playback
July, 2017
10 Elegant CSS Pricing Tables for Your Latest Web Project
/ -8Getting Started With the Flux Architecture in React
/ -1Getting Started With Matter.js: The Composites and Composite Modules
/ 1Getting Started With Matter.js: The Engine and World Modules
/ 1010 More Popular HTML5 Projects for You to Use and Study
/ -13Understand the Basics of Laravel Middleware
/ -1Iterating Fast With Django & Heroku
/ 9Creating a Blogging App Using React, Part 4: Update & Delete Posts
/ -2Creating a jQuery Plugin for Long Shadow Design
/ -7How to Register & Use Laravel Service Providers
2 / -8-
alexandria Hi, its fastidious article on the topic…
-
soi keo I always spent my half an hour to read…
-
Unit Testing in React: Shallow vs. Static Testing
/ 1Creating a Blogging App Using React, Part 3: Add & Display Post
/ 8June, 2017
Creating a Blogging App Using React, Part 2: User Sign-Up
20 / 1-
carris This piece of writing presents clear…
-
marissa Great write-up, I am normal visitor of…
-
ena As a Newbie, I am always exploring…
-
beth Thank you for another fantastic post.…
-
Creating a Blogging App Using React, Part 1: User Sign-In
/ -39 More Popular HTML5 Projects for You to Use and Study
/ -2Creating a Grocery List Manager Using Angular, Part 2: Managing Items
/ 59 Elegant CSS Pricing Tables for Your Latest Web Project
/ -2Dynamic Page Templates in WordPress, Part 3
/ -3Angular vs. React: 7 Key Features Compared
/ 8Creating a Grocery List Manager Using Angular, Part 1: Add & Display Items
New eBooks Available for Subscribers in June 2017
/ -2Create Interactive Charts Using Plotly.js, Part 1: Getting Started
/ 6The 5 Best IDEs for WordPress Development (And Why)
/ -533 Popular WordPress User Interface Elements
/ -3New Course: How to Hack Your Own App
/ -11How to Install Yii on Windows or a Mac
/ -3How to Register and Use Laravel Service Providers
/ 2
waly Good blog post. I absolutely love this…