Giter VIP home page Giter VIP logo

this-week-in-react's Introduction

This Week in React ⚛️

This Week in React ️️⚛️

This repository contains the website and email templates for This Week in React ⚛️ a newsletter that covers React Core and React DOM.

Contributing

Every help on this project is greatly appreciated. To get you started, here's a quick guide on how to make good and clean pull-requests:

  1. Create a fork of this repository, so you can work on your own environment.

  2. Install development dependencies locally:

    git clone [email protected]:<your-github-name>/this-week-in-react.git
    cd this-week-in-react
    yarn install
  3. Make changes using your favorite editor.

  4. Commit your changes (here is a wonderful guide on how to make amazing git commits).

  5. After a few seconds, a button to create a pull request should be visible inside the Pull requests section.

License

MIT

this-week-in-react's People

Contributors

apoorv-mittal avatar mannski avatar myles2 avatar philipp-spiess avatar sergeysova avatar willianrod avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

this-week-in-react's Issues

Use a Static Site Generator

Right now, everything is a static .html file and the newsletter are generated using a simple self-made script.

It would be great if we can use a static site generator (React Static, Gatsby, Next.js) so that the code is cleaner and more structured.

It should be possible to generate issues dynamically but also to supply them as a .html file (for an archive if we decide to change the format).

Ideally we can pre-render all content statically such that no JavaScript at runtime is necessary.

Improved Website Design

https://this-week-in-react.org/ is currently pretty minimalistic. Part of this ticket is the overhaul of the landing page. My plans are as follows (although all of them are discussable):

  • We can improve the contrast
  • We add a subscribe form to enter the email address without having to redirect to the Mailchimp form
  • We can add more news sources, like our Telegram Channel
  • It should be fully responsive and great to use on mobile phones
  • We should be able to link to past issues with pagination in mind
  • I like that React Status includes the latest newsletter directly on their website. Maybe we can do something similar?

At the moment, the website consists of an HTML, CSS, and a JavaScript file.

Generate Responsive Emails

Right now I have some rudimentary code in place that can parse my made-up markdown format (https://github.com/philipp-spiess/this-week-in-react/tree/master/issues/) and generate something that I ship in the newsletter. The mail template is based off a Mailchimp template and total spaghetti code.

I would really appreciate help in making the template better, ideally responsive as well. I want to be able to generate static HTML pages as well that I can link to from the landing page (#1).

The emails should look great on Desktop (Gmail, Mail.app) and Mobile. I don't have a lot of experience in that so I would appreciate any help.

Some of the postings also have images from authors. Note that in the future there might be fewer of those.

I really like React Status. They can reuse their mail templates on their website and as a preview on the landing page. We should be able to do the same.

☂️ Legal Texts

It would be great if someone could help me set up legal texts, especially:

  • Privacy Policy (Thanks @Myles2)
  • Anti-Spam Policy
  • GDPR Policy
  • Imprint

If you need anything from me, please reach out! I will help however I can.

I only want to collect what is absolutely necessary for a mailing list and that is the email address. Nothing else. I use Mailchimp to manage the mailing lists and Clicky to get an understanding of how many people go to https://this-week-in-react.org. I don't plan on adding to that.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.