Scriptified (@scriptified_dev) header
Scriptified (@scriptified_dev) profile picture

Scriptified

@scriptified_dev

Insightful tips, tools, resources & more on React and JavaScript | Curated by @psuranas && @_guptaji_

 India
scriptified.dev
Joined August 2020
  • Tweets108
  • Following2
  • Followers33
🎉Big Announcement: Scriptified is now fully #OpenSource! We have just released our v2.0 with numerous platform updates - from Backend to Frontend. Read about all the updates below. Our subscribers will soon receive our issue #6 in their inbox 📥 github.com/scriptified/scrip…
GitHub - scriptified/scriptified.dev: A weekly newsletter with insightful tips, tools, resources &...

GitHub - scriptified/scriptified.dev: A weekly newsletter with insightful tips, tools, resources &...

A weekly newsletter with insightful tips, tools, resources & more on React and JavaScript. Made with NextJS && TailwindCSS. Curated by @gupta-ji6 && @prateek...

github.com
3
5
1
17
We just published issue #21 of Scriptified! Learn about flushSync in React, easily grab SVGs for all major companies, changes in React 19, and a lightning fast CSS parser. Link below 👇
1
4
71
buff.ly/3yb6llU
1
11
We just published issue #20 of Scriptified! Learn how to write better tests with implicit assertions, solve common UI problems easily with modern CSS, and test your understanding of generators in JavaScript. Link below 👇
1
3
57
Read the issue here and subscribe for more: scriptified.dev/issues/20

#20 | Understand how the v8 engine works, generate images of code from the terminal, and format...

Learn how to write better tests with implicit assertions, solve common UI problems easily with modern CSS, create high-quality images of code snippets and terminal output straight from your terminal,...

scriptified.dev
8
We just published issue #19 of Scriptified! Visualize how different array & object transformations work in #JavaScript, understand how caching, fetching & revalidations work with the @nextjs App Router, check if you understand truthy values in JavaScript & more. Link below 👇
Image from Scriptified (@scriptified_dev)
1
1
3
227
Read the issue here & subscribe for more ↓ scriptified.dev/issues/19

#19 | Caching in the Next.js App Router, myths about accessibility, and a tool to manage your...

Visualize how different array and object transformations work in JavaScript, understand how caching, fetching and revalidations work with the Next.js App Router, check if you understand truthy values...

scriptified.dev
1
8
We just published issue #18 of Scriptified! Learn about streaming HTML, remounting @reactnative components by forced fast refresh, diving into @reactjs server components, exploring DOM events visually, & test if you really understand JavaScript promises. Link below 👇
Image from Scriptified (@scriptified_dev)
1
2
1
3
5,356
Read issue here - scriptified.dev/issues/18

#18 | Writing future-proof CSS, force fast refresh in React Native, and understanding React's UI...

Learn about streaming HTML, remounting react native components by forced fast refresh, dive into react server components, explore DOM events visually & test if you really understand JavaScript...

scriptified.dev
1
32
We just published issue #16 of Scriptified! Discover the benefits of using the useReducer hook as a more powerful alternative to useState, learn how to manage side effects declaratively with statecharts & more Read it here - scriptified.dev/issues/16

#16 | Enhance your React skills with useReducer, state machine-based side effect management, and...

Discover the benefits of using the useReducer hook as a more powerful alternative to useState, find a new tool for easily adding icons to your projects, and learn how to manage side effects declara...

scriptified.dev
3
141
🔥 Tip of the Week The :any-link selector represents an element that acts as the source anchor of a hyperlink, independent of whether it has been visited. ✉️ Subscribe to scriptified.dev to receive such hot tips & more. Read more at - scriptified.dev/issues/15?se…
example of `:-any-link` selector

ALT example of `:-any-link` selector

We just published issue #15 of Scriptified! Learn how @framer Motion uses FLIP to animate layout changes, how to win at CORS, how to use React.memo to boost performance, and test your knowledge with a quiz on #JavaScript generators. Read it here - scriptified.dev/issues/15

#15 | Understanding the history and reasons behind CORS, exploring Framer Motion's FLIP technique...

Learn how Framer Motion uses FLIP to animate layout changes, how to win at CORS, how to use React.memo to boost performance, and test your knowledge with a quiz on JavaScript generators.

scriptified.dev
1
1
5
Scriptified retweeted
ayush (@AyushCodes) profile picture
ayush@AyushCodes22 Nov 2021
Have a look at issue #14 of Scriptified. Subscribe to @scriptified_dev for more. scriptified.dev/issues/14

#14 | A VSCode like editor for React Applications, a neat trick for better if conditions and how...

Learn how Kent C. Dodds rearchitected his website with super-fast build and load times, how the VSCode team improved the bracket colorization performance 10,000x times and, a library to add VSCode...

scriptified.dev
2
1
10
🎉 This week in GIF When you hear someone saying they hate the programming language you're working on #devjoke ✉️ Subscribe to scriptified.dev for more. Read more at - scriptified.dev/issues/13
1
🤔 Quiz of the week What would be the output of the following snippet? Check if you guessed it right at scriptified.dev/issues/13?se… ✉️ Subscribe to scriptified.dev for more
Image from Scriptified (@scriptified_dev)
1
🗣️ Tech Talk of the Week Learning Functional Programming with JavaScript by @AnjanaVakil Understand what this paradigm means and how it compares to others youtu.be/e-5obm1G_FY ✉️ Subscribe to scriptified.dev for more. Read more at - scriptified.dev/issues/13?se…
Learning Functional Programming with JavaScript - Anjana Vakil -...

Learning Functional Programming with JavaScript - Anjana Vakil -...

Anjana's next talk at JSConf EU in May: http://2017.jsconf.eu/speak...

youtube.com
1
🛠️ Helpful Tool Stitches is a CSS-in-JS library with near-zero runtime, SSR, multi-variant support, critical path CSS, an intuitive API, and lots more. stitches.dev/ ✉️ Subscribe to scriptified.dev for more. Read more at - scriptified.dev/issues/13?se…
2
🛠️ Helpful Tool Beautiful React hooks is a collection of useful hooks to speed-up your components and hooks development. github.com/antonioru/beautif… ✉️ Subscribe to scriptified.dev for more. Read more at - scriptified.dev/issues/13?se…
GitHub - antonioru/beautiful-react-hooks: 🔥 A collection of beautiful and (hopefully) useful React...

GitHub - antonioru/beautiful-react-hooks: 🔥 A collection of beautiful and (hopefully) useful React...

🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥 - antonioru/beautiful-react-hooks

github.com
2
📝 Recommended Read Understand how different kinds of abstraction with custom hooks affect the readability of our React code with @keraito chakshunyu.com/blog/react-re… ✉️ Subscribe to scriptified.dev for more. Read more at - scriptified.dev/issues/13?se…
2
📝 Recommended Read Learn how you can efficiently make your state global without using React's Context API via @maxyinger formidable.com/blog/2021/sto… ✉️ Subscribe to scriptified.dev for more. Read more at - scriptified.dev/issues/13?se…
Insights for enterprise leaders | Nearform | Nearform

Insights for enterprise leaders | Nearform | Nearform

Analysis for enterprise leaders from Nearform on AI-native delivery, spec-driven development, AI ROI, governance and modernisation.

nearform.com
2
🔥 Tip of the Week Wrap important text a <span> with white-space: nowrap; to avoid awkward line breaks in responsive design. ✉️ Subscribe to scriptified.dev to receive such hot tips & more. Read more at - scriptified.dev/issues/13?se…
Image from Scriptified (@scriptified_dev)
2
Load more