Stay up to date with the latest cutting-edge technologies and improve your skills pill by pill.

Repills is going to be the place to learn about web development and UI design through well-organized high-quality resources.

ARTICLES
TUTORIALS
COURSES
TOOLS
LIBRARIES
BOOKS
TALKS
and more

Learn by topic

Explore our sections and get the resources you need from industry experts.

React.js

Dive deep into React, one of the most powerful JavaScript library for building interactive user interfaces.

146 pills23 topics

Vue.js

Vue.js is an open-source progressive JavaScript framework for building user interfaces. Vue can also function as a web application framework capable of powering advanced single-page applications.

24 pills14 topics

Serverless

The new frontier of cloud computing. Deploy simple functions or entire applications on the cloud without having to worry about provisioning, maintaining and scaling servers.

0 pills0 topics

Redux.js

Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments and are easy to test.

0 pills0 topics

Last added Pills

Get the latest news, tutorials, tips, and guides on software and UI development.

React Authentication with Twitter, Google, Facebook and Github

To interact with an OAuth provider you need API keys. For security reasons, those keys must be kept private on a server. However, if you are following modern development practices your React app is likely completely decoupled from your server and running on a different port or domain. So how can we solve this communication gap between an OAuth provider that needs the keys and the React client that can't keep those keys private?

Tutorial
–
by Jesse Heaslip

Building a Blog with Next.js

Next.js is an awesome new framework for building universal React applications. In simple terms, that means you can use React to render templates on the server, as well frontend components the way you're most likely used to. The advantages of this are numerous (shared components, faster rendering, great tooling), but getting it all to work properly is generally a pain.Next.js makes this process easy, and with the release of V3 I thought I'd whip up a blog to learn and demonstrate how it works. In this tutorial we'll be using the following: next (3.X), styled-components (phenomenal css-in-js solution), next-routes (middleware for expressive routes in next), express (for serving our pages, although you can also do static exports).

Tutorial
–
by Zach Sherman

Advanced Vue.js concepts: mixins, custom directives, filters, transitions, and state management

Vue.js is arguably one of the easiest and most minimalist JavaScript frameworks with which to get started. While we cannot downplay the current momentum and volume of developers adapting Vue.js, you will agree with me that there are very few tutorials that cover advanced concepts in Vue. In this tutorial, we will talk about: Vue.js mixins, Custom directives, Filters, Transitions (enter/leave), State management, Server-side rendering

Article
–
by Ogundipe Samuel

The simple guide to server-side rendering React with styled-components

The goal of this guide is to share the core principles of how to use styled-components in a server side rendered React application. The beauty of styled-components really shines through when you realize how seamless it is to setup in your application. Furthermore, styled-components are easy to integrate into existing applications that are using other methods of styling. In this guide there are no additional libraries such as Redux, React Router, or concepts such as code splitting — let's start with the basics.

Article
–
by Dennis Brotzky

Custom error pages in React with GraphQL and Error Boundaries

One challenge I recently ran into while working with GraphQL and React was how to handle errors. As developers, we've likely implemented default 500, 404, and 403 pages in server-rendered applications before, but figuring out how to do this with React and GraphQL is tricky. In this post, I'll talk about how our team approached this problem, the final solution we implemented, and interesting lessons from the GraphQL spec.

Tutorial
–
by Abi Noda
Show All

Learn pill-by-pill

Thanks to the daily web resources, you can get the training you need from experts improving your skills day by day, pill-by-pill!

Stay up-to-date

There are number of technologies that are used to develop websites and web applications. Repills helps you to stay up-to-date with the cutting-edge technologies!

Open source project

Discover and support the project on GitHub and contribute by adding new amazing resources.