Happy Friday Everyone,
This week’s roundup covers articles on the thinking the Rails code in the Lego way, a tour of elixir performance, creating non-rectangular headers with CSS tricks, and many more.
We would also like to share wonderful article on time investment. Seems like quite an interesting approach! Link: https://robots.thoughtbot.com/investment-time
Ruby on Rails
Rails Lessons Learned: Fat Controllers and Obese Models - Learn about some commonly faced issues, and ways of trying to improve things.
Ruby Superpowers — With Great Power Comes A Great Prepend - What happens when you use the ruby prepend method when handling a modules.
The Lego Way of Structuring Rails Code - Explore the code composition analogies one can make while working with Rails.
Getting started with the DNSimple API in Elixir - A step by step guide to successfully make your first DNSimple API call from Elixir.
Securing WebSockets in Elixir - Secure WebSockets to prevent leakage of secure data and man-in-the-middle attacks.
Complex Layouts With React and React-Router - Use React to render only what is required by the DOM.
Introducing redux-query - A library for querying and managing network state in React/Redux applications
React Native for React Developers - A comparison between React and React Native, and what are the first things a React Developer should know before starting to code.
To Use Or Not To Use: Touch Gesture Controls For Mobile Interfaces - This article will explore the benefits and drawbacks of gestural controls for mobile UIs, as well as offer advice on effective implementation that avoids the gap in user familiarity.
Server Side Swift with Vapor: Authentication with Turnstile - Learn how to set up username and password-based authentication with Turnstile
Using Heroku with Node.js: Production-Ready Application Checklist - General checklist of heroku’s best practices along with Node.js for production ready application.
How to use Docker containers for Vue.js applications - This article contains simple guidelines for using Vue.js application in Docker containers.
HTML & CSS
Pure CSS Responsive Grid Overlay - Get more consistent design by and see if the layout looks as intended at different viewports.
CSS and Progressive Enhancement - Why CSS can fail, why fallbacks are important and how to progressively enhance CSS.
Creating Non-Rectangular Headers - An article on how to create and container element with a non-rectangular shape.