Flow identifies problems as you code. I consider it an excellent alternative without losing the flexibility provided by .js
kommunity-curated content on GatsbyJS and React
Why count on old fashioned link aggregators when you have recommendations by your fellow developers? 😉
A good start for unit testing for front
A state management tool becomes a necessity in React apps as your state increases in complexity, one such solution being Redux. Redux allows you to manage your entire application state in one object, called the Store.
Developed without a thorough knowledge about the Lifecycle we are easily led to the creation of unsafe and legacy products. I consider these recipes an excellent help in preparing asynchronous components.
"unit tests are so important that they should be a first class language construct"
When I think about building a UI like the checkout process for my workshops it's impossible to imagine doing it without xstate.
The visualizer helps me write the code w/o any significant bugs or blindspots from the start.
Gatsby Preview is still in beta, and its pricing could be a barrier for some. As a result having self hosted options for creating previews for your Gatsby site are needed. This article walks through an option and caveats to doing so.
I really love bundlephobia.com to check out how big of a loading performance impact will an NPM package bring to my projects. Just noticed that it also reports whether the package is tree-shakeable or not. Awesome work guys!
I just launched usehooks.com 🎣
I'll be posting one new React Hook code recipe per day. The goal is to help people understand how hooks work and to feel more comfortable writing their own rather than rely on npm. Hope you find it useful!
@kentcdodds calling out this AWESOME blog post by @swyx
I think the best post not by @dan_abramov I've seen on hooks. :)
It's here! The Gatsby vs Next.js @syntaxfm podcast. What should you choose for your next React project?
My third article in a series on @reactjs Hooks. This one on useReducer!
My colleague and web aficionado, @httpJunkie has written many articles about React Hooks. In his latest one, he shows how to create a custom hook and provides a solid template for custom hooks you may create in the future. #React
#CSS tip for today:
With `nth-child` you can select much more various sets of elements that you'd probably imagine.
http://nthmaster.com is a great resource to learn just that 😀
I can't believe I didn't know about this sooner! 😱
2,500 words on helping you understand the useContext Hook and the Context API in React. Do yourself a favor and have a read 👉
I've been thinking a lot about what the recent changes in #serverless and the explosion of UI toolkits, frameworks, and CLIs means for how we build apps. I wrote about it and would love to hear your thoughts!
useClippy lets you manage your users’ clipboards with a #ReactJS Hook
useFetch is a React hook that supports the React 16.6 Suspense component implementation.
Returns the innerText of a React JSX object, similar to the innerText property of DOM elements.
ReactN is a extension of React that includes global state management.
useForceUpdate is a React Hook that forces your functional component to re-render.
useReactRouter is a React Hook that provides pub-sub behavior for react-router. Unlike the withRouter Higher-Order Component, useReactRouter will re-render your component when the location changes!
State machines have an *amazing* potential, and this video is a great introduction to them. I'm sure you'll be dreaming of the possibilities by the end ✨
Wow! What an excellent resource by @chriscoyier: thepowerofserverless.info. I hadn't realized just how much you can do and how many options there are when going "serverless".
Excited about this @eads interview b/c he highlights two under-discussed @gatsbyjs benefits:
(1) Long-term maintainability. Push a content piece & never worry about a DB falling over.
(2) Google Sheets as your CMS. Easy to use. No onboarding needed.
Do you want to work and host your custom website 100% for free? Try out Gitpod.io then!
HTTPS Isn't Always as Secure as It Seems | WIRED
If you're curious about how to use @AWSAmplify and @gatsbyjs together, this is the article for you!
Want to learn Vanilla JS but you don’t know where to start? Start with this.
After four years, I've finally migrated from @WordPress to @gatsbyjs. Now my site lives in a #NodeJS and #React environment and is hosted on @Netlify, and all my posts exist as beautiful markdown. I'm loving it.
You'll learn a bunch about SVGs for super unique layouts ✨
Not the clearest explanation, but you'll learn some new cool CSS tricks anyways ;)
Great read if you're trying to decide which CSS-in-JS framework to use!
If you still don't know CSS Grid, this course is a great option for learning it - effective and brief explanation (gotta admit, I'm Wes' fanboy)
Flexbox is a must when writing CSS, and this free course is effective in teaching it - although not the best I've ever seen. There's one from Lynda.com that was better, but paid, I believe 🤔
We have a new & evolving accessibility statement! Check it out
An up-to-date article comparing the two most popular CSS-in-JS libraries. Not a very clear conclusion other than that sc is more popular and emotion tinier and more performant
Great, very fun and free introduction to JS with cool exercises and eased complexity. It was a turning-point in my learning!
Huge and exhaustive resource on the impacts of using too much JS in websites. Great read to keep us aware of how Gatsby / React could be better.
This course was my first touch with React and made me productive in creating Gatsby websites really quickly, highly recommend it!
Helped me a lot when I started learning SASS 😉
Good introduction to more practical usages of React hooks with nice CSS tips
Sara Soueidan does a great job in teaching new CSS techniques by building a cool circular menu 😄
At the time of this submission, talks aren't out yet, but the line-up seems awesome!
One of the best webinars promoted by Gatsby, this one is highly recommended for devs who deal with external clients. I got a few tips to take back to my agency :)
Travis does a thorough job in explaining a very effective way of creating multi-language properties with Gatsby and Sanity
Zeldman weeps. The state of design and front-end in 2019.
Revisiting the rendering tier.
CSS Grid Level 2: Here Comes Subgrid #oredev
Here is CSS Layout News Issue 191 http://csslayout.news/issues/191?#start … Make sense of the new CSS, a useful a11y tool, responsive images, blurred borders. #css